✨ feat(code.scss): Move language label for code component to styling …

…for 'pre' #206
Spiderpig86 · Aug 27, 2023 · 2248631 · 2248631
1 parent 83463e1
commit 2248631
Show file tree

Hide file tree

Showing 7 changed files with 39 additions and 39 deletions.
diff --git a/dist/cirrus-all.css b/dist/cirrus-all.css
@@ -12114,15 +12114,6 @@ code {
   /* Dark theme for code */
 }
 
-code:before {
-  color: var(--cirrus-code-label-fg);
-  content: attr(data-lang);
-  font-size: 0.9rem;
-  position: absolute;
-  right: 1rem;
-  top: 0.7rem;
-}
-
 code.dark {
   --cirrus-code-bg: #343a40;
   --cirrus-code-fg: #f8f9fa;
@@ -12157,6 +12148,15 @@ pre > code[data-lang]:not([data-lang=""]) {
   padding: 2rem 1.5rem 1rem;
 }
 
+pre > code::before {
+  color: var(--cirrus-code-label-fg);
+  content: attr(data-lang);
+  font-size: 0.9rem;
+  position: absolute;
+  right: 1rem;
+  top: 0.7rem;
+}
+
 /* FOOTER */
 .footer {
   background-color: #343a40;

diff --git a/dist/cirrus-all.min.css b/dist/cirrus-all.min.css
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
@@ -10693,15 +10693,6 @@ code {
   /* Dark theme for code */
 }
 
-code:before {
-  color: var(--cirrus-code-label-fg);
-  content: attr(data-lang);
-  font-size: 0.9rem;
-  position: absolute;
-  right: 1rem;
-  top: 0.7rem;
-}
-
 code.dark {
   --cirrus-code-bg: #343a40;
   --cirrus-code-fg: #f8f9fa;
@@ -10736,6 +10727,15 @@ pre > code[data-lang]:not([data-lang=""]) {
   padding: 2rem 1.5rem 1rem;
 }
 
+pre > code::before {
+  color: var(--cirrus-code-label-fg);
+  content: attr(data-lang);
+  font-size: 0.9rem;
+  position: absolute;
+  right: 1rem;
+  top: 0.7rem;
+}
+
 /* FOOTER */
 .footer {
   background-color: #343a40;

diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
@@ -10694,15 +10694,6 @@ code {
   /* Dark theme for code */
 }
 
-code:before {
-  color: var(--cirrus-code-label-fg);
-  content: attr(data-lang);
-  font-size: 0.9rem;
-  position: absolute;
-  right: 1rem;
-  top: 0.7rem;
-}
-
 code.dark {
   --cirrus-code-bg: #343a40;
   --cirrus-code-fg: #f8f9fa;
@@ -10737,6 +10728,15 @@ pre > code[data-lang]:not([data-lang=""]) {
   padding: 2rem 1.5rem 1rem;
 }
 
+pre > code::before {
+  color: var(--cirrus-code-label-fg);
+  content: attr(data-lang);
+  font-size: 0.9rem;
+  position: absolute;
+  right: 1rem;
+  top: 0.7rem;
+}
+
 /* FOOTER */
 .footer {
   background-color: #343a40;

diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/src/components/code.scss b/src/components/code.scss
@@ -11,15 +11,6 @@
         color: var(--cirrus-code-fg);
         border-radius: 3px;
 
-        &:before {
-            color: var(--cirrus-code-label-fg);
-            content: attr(data-lang);
-            font-size: 0.9rem;
-            position: absolute;
-            right: 1rem;
-            top: 0.7rem;
-        }
-
         /* Dark theme for code */
         &.dark {
             --cirrus-code-bg: #{fill('gray', '800')};
@@ -54,5 +45,14 @@
         &[data-lang]:not([data-lang='']) {
             padding: 2rem 1.5rem 1rem;
         }
+
+        &::before {
+            color: var(--cirrus-code-label-fg);
+            content: attr(data-lang);
+            font-size: 0.9rem;
+            position: absolute;
+            right: 1rem;
+            top: 0.7rem;
+        }
     }
 }