Explorar o código

line number styling tweaks

Hakim El Hattab %!s(int64=5) %!d(string=hai) anos
pai
achega
cfc2f9cf9c
Modificáronse 2 ficheiros con 15 adicións e 11 borrados
  1. 7 5
      css/reveal.css
  2. 8 6
      css/reveal.scss

+ 7 - 5
css/reveal.css

@@ -1442,17 +1442,19 @@ body {
 .reveal .hljs table {
   margin: initial; }
 
-.reveal .hljs[data-line-numbers]:not([data-line-numbers=""]) tr:not(.highlight-line) {
-  opacity: 0.25; }
-
 .reveal .hljs-ln-code,
 .reveal .hljs-ln-numbers {
   padding: 0;
   border: 0; }
 
 .reveal .hljs-ln-numbers {
-  padding-right: 10px;
-  text-align: right; }
+  opacity: 0.6;
+  padding-right: 0.75em;
+  text-align: right;
+  vertical-align: top; }
+
+.reveal .hljs[data-line-numbers]:not([data-line-numbers=""]) tr:not(.highlight-line) {
+  opacity: 0.25; }
 
 /*********************************************
  * ROLLING LINKS

+ 8 - 6
css/reveal.scss

@@ -1577,19 +1577,21 @@ $controlsArrowAngleActive: 36deg;
 	margin: initial;
 }
 
-.reveal .hljs[data-line-numbers]:not([data-line-numbers=""]) tr:not(.highlight-line) {
-	opacity: 0.25;
-}
-
 .reveal .hljs-ln-code,
 .reveal .hljs-ln-numbers {
 	padding: 0;
 	border: 0;
 }
 
-.reveal .hljs-ln-numbers  {
-	padding-right: 10px;
+.reveal .hljs-ln-numbers {
+	opacity: 0.6;
+	padding-right: 0.75em;
 	text-align: right;
+	vertical-align: top;
+}
+
+.reveal .hljs[data-line-numbers]:not([data-line-numbers=""]) tr:not(.highlight-line) {
+	opacity: 0.25;
 }