summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_nav.scss6
-rw-r--r--assets/css/components/_page.scss11
2 files changed, 12 insertions, 5 deletions
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss
index 60b3584..6d087ad 100644
--- a/assets/css/components/_nav.scss
+++ b/assets/css/components/_nav.scss
@@ -40,6 +40,12 @@
40 color: var(--nav--item--hover--fg); 40 color: var(--nav--item--hover--fg);
41 font-weight: bold; 41 font-weight: bold;
42 } 42 }
43
44 &--active {
45 border-color: var(--nav--item--active--fg);
46 color: var(--nav--item--active--fg);
47 font-weight: bold;
48 }
43 } 49 }
44 50
45 @media (max-width: map-get($breakpoints, 'sm')) { 51 @media (max-width: map-get($breakpoints, 'sm')) {
diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss
index c9a4650..bccf069 100644
--- a/assets/css/components/_page.scss
+++ b/assets/css/components/_page.scss
@@ -8,7 +8,8 @@
8 } 8 }
9 9
10 &__code { 10 &__code {
11 padding-left: calc(#{$subcontent--indent} - 2px); 11 margin-left: 1px;
12 padding-left: calc(#{$subcontent--indent} - 3px);
12 border-left: 2px solid var(--obj); 13 border-left: 2px solid var(--obj);
13 } 14 }
14 15
@@ -49,8 +50,8 @@
49 &--pre { 50 &--pre {
50 $scale-factor: $font-size / $code-block--font-size; 51 $scale-factor: $font-size / $code-block--font-size;
51 52
52 // margin-left: calc(#{-1 * $page--item-prefix--width} * #{$scale-factor}); 53 margin-left: calc(#{-1 * $page--item-prefix--width} * #{$scale-factor});
53 // padding-left: calc(#{$page--item-prefix--width} * #{$scale-factor}); 54 padding-left: calc(#{$page--item-prefix--width} * #{$scale-factor});
54 border-left: 0; 55 border-left: 0;
55 56
56 &::before { 57 &::before {
@@ -58,8 +59,8 @@
58 height: 100%; 59 height: 100%;
59 overflow: hidden; 60 overflow: hidden;
60 color: var(--page--item-prefix--fg); 61 color: var(--page--item-prefix--fg);
61 // font-size: px-to-em($font-size, $code-block--font-size); 62 font-size: px-to-em($font-size, $code-block--font-size);
62 // line-height: $code-block--line-height / $scale-factor; 63 line-height: $code-block--line-height / $scale-factor;
63 } 64 }
64 } 65 }
65 66