Consistent pre codes

Author: dieghernan

data-raw/compress_css.R

@@ -9,3 +9,5 @@ sass(
   cache = NULL,
   options = sass_options(output_style = "compressed")
 )
+
+message("OK, compressed")

inst/brand_yml/_brand.yml

@@ -86,3 +86,4 @@ defaults:
       dropdown-dark-divider-bg: rgba(255, 255, 255, .1)
       blockquote-border-color: transparent
       code-color: "#e83e8c"
+      code-color-dark: "#e83e8c"

inst/pkgdown/assets/BS5/rogtemplate.css

@@ -199,12 +199,6 @@ footer .pkgdown-footer-left {
   border-color: var(--bs-warning);
 }
 
-@media (max-width: 575.98px) {
-  .btn-copy-ex {
-    right: 5px;
-  }
-}
-
 .pkg {
   font-weight: bold;
 }
@@ -226,6 +220,16 @@ code {
   background-color: var(--body-bg) !important;
 }
 
+@media (max-width: 575.98px) {
+  div > pre {
+    margin-left: calc(var(--bs-gutter-x) * -0.5);
+    margin-right: calc(var(--bs-gutter-x) * -0.5);
+    border-radius: 0;
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+}
+
 /* Highlighter based in tango for dark theme */
 pre {
   border: none;