Fix: hr styles were not scoped to the remarkdown selector

fvsch · Oct 3, 2020 · 4a2a832 · 4a2a832
1 parent f82d4db
commit 4a2a832
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 10 deletions.
diff --git a/dist/remarkdown-zero.attr.css b/dist/remarkdown-zero.attr.css
@@ -91,7 +91,7 @@
   margin: 1.5em 0 1.5em;
 }
 
-hr {
+[data-remarkdown] hr {
   height: 1.5em;
   line-height: 1.5em;
   margin: 1.5em 0 1.5em;

diff --git a/dist/remarkdown-zero.css b/dist/remarkdown-zero.css
@@ -91,7 +91,7 @@
   margin: 1.5em 0 1.5em;
 }
 
-hr {
+.remarkdown hr {
   height: 1.5em;
   line-height: 1.5em;
   margin: 1.5em 0 1.5em;

diff --git a/dist/remarkdown.attr.css b/dist/remarkdown.attr.css
@@ -91,7 +91,7 @@
   margin: 1.5em 0 1.5em;
 }
 
-hr {
+[data-remarkdown] hr {
   height: 1.5em;
   line-height: 1.5em;
   margin: 1.5em 0 1.5em;

diff --git a/dist/remarkdown.css b/dist/remarkdown.css
@@ -91,7 +91,7 @@
   margin: 1.5em 0 1.5em;
 }
 
-hr {
+.remarkdown hr {
   height: 1.5em;
   line-height: 1.5em;
   margin: 1.5em 0 1.5em;

diff --git a/src/_styles.scss b/src/_styles.scss
@@ -340,12 +340,14 @@
 // Options: hr-center, hr-star, hr-hyphen
 
 @mixin rmd-output-hr {
-  hr {
-    height: $__rmd-line;
-    line-height: $__rmd-line;
-    margin: __rmd-margin("hr", "top") 0 __rmd-margin("hr", "bottom");
-    border: none;
-    color: inherit;
+  @include __rmd_selector {
+    hr {
+      height: $__rmd-line;
+      line-height: $__rmd-line;
+      margin: __rmd-margin("hr", "top") 0 __rmd-margin("hr", "bottom");
+      border: none;
+      color: inherit;
+    }
   }
   @include __rmd_selector("hr-center") {
     hr {