style: use rem

2 files changed, 6 insertions, 6 deletions

diff --git a/assets/sass/components/_highlight.scss b/assets/sass/components/_highlight.scss
index 8f9df27..da51ac9 100644
--- a/assets/sass/components/_highlight.scss
+++ b/assets/sass/components/_highlight.scss
@@ -1,4 +1,4 @@
-$code-font-size: 0.9em !default;
+$code-font-size: 0.9rem !default;
 $code-color: #f8f8f2 !default;
 $code-background: #171f2e !default;
 $gray: #cacaca !default;
@@ -97,7 +97,7 @@ pre > code {
 
     /* Error */  .err { color: #960050; background-color: #1e0010 }
     /* LineHighlight */  .hl { display: block; width: 100%;background-color: black }
-    /* LineNumbersTable */  .lnt { padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+    /* LineNumbersTable */  .lnt { color: #7f7f7f }
     /* LineNumbers */  .ln { padding: 0 0.4em 0 0.4em;color: #7f7f7f }
     /* Keyword */  .k { color: #66d9ef }
     /* KeywordConstant */  .kc { color: #66d9ef }
diff --git a/assets/sass/components/_side.scss b/assets/sass/components/_side.scss
index 1a19f19..f668854 100644
--- a/assets/sass/components/_side.scss
+++ b/assets/sass/components/_side.scss
@@ -9,7 +9,7 @@
     margin-right: calc(-200px - 2em);
 
     p {
-        font-size: .9em;
+        font-size: .9rem;
     }
 }
 
@@ -24,7 +24,7 @@
 
 .bg-number {
     background: var(--light-background);
-    font-size: .9em;
+    font-size: .9rem;
     color: var(--font-color);
     text-decoration: none;
     padding: 1px 5px;
@@ -50,8 +50,8 @@
     .note-ref:hover ~ .side {
         display: inline-block;
         position: absolute;
-        margin-left: 1em;
-        padding: .5em;
+        margin-left: 1rem;
+        padding: .5rem;
         box-sizing: content-box;
     }
 }