Add Quarto features in css

Author: dieghernan

README.md

@@ -56,7 +56,7 @@ follow. Then, as before, you can build your site using
 
 <pre><strong>.pkgdown.yaml</strong></pre>
 
-``` .yaml
+``` yaml
 template:
   bootstrap: 5
   package: gitdevr

README.qmd

@@ -65,7 +65,8 @@ before, you can build your site using `pkgdown::build_site()`.
 ```{=html}
 <pre><strong>.pkgdown.yaml</strong></pre>
 ```
-```.yaml
+
+``` yaml
 template:
   bootstrap: 5
   package: gitdevr
@@ -84,6 +85,7 @@ It is recommended to add the following line to your `DESCRIPTION`:
 ```{=html}
 <pre><strong>DESCRIPTION</strong></pre>
 ```
+
 ```
 Config/Needs/website: dieghernan/gitdevr
 ```

codemeta.json

@@ -115,7 +115,7 @@
     "SystemRequirements": null
   },
   "keywords": ["pkgdown", "pkgdown-template", "r", "r-package"],
-  "fileSize": "245.074KB",
+  "fileSize": "245.013KB",
   "readme": "https://github.com/dieghernan/gitdevr/blob/main/README.md",
   "contIntegration": "https://github.com/dieghernan/gitdevr/actions/workflows/check-simple.yaml",
   "developmentStatus": "https://lifecycle.r-lib.org/articles/stages.html#experimental"

inst/pkgdown/assets/BS5/gitdevr.css

@@ -306,7 +306,11 @@ blockquote,
 }
 
 /* ---Code--- */
-.code-with-filename .code-with-filename-file pre {
+.code-with-filename {
+	margin-bottom: 1rem;
+}
+
+.code-with-filename .code-with-filename-file pre:not(.sourceCode) {
 	margin-bottom: 0;
 	padding-top: 0.25rem;
 	padding-bottom: 0.25rem;