summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-01-05 10:58:04 +0100
committerVolpeon <git@volpeon.ink>2021-01-05 10:58:04 +0100
commit5db16a08a9726b67b5bb96fd17f813fa1b74f568 (patch)
tree8313cb28561f856da7782ff667ecabfdd1716222 /assets/css/components
parentUse Pygments for syntax highlighting, design adjustments, preload fonts (diff)
downloadvolpeon.ink-5db16a08a9726b67b5bb96fd17f813fa1b74f568.tar.gz
volpeon.ink-5db16a08a9726b67b5bb96fd17f813fa1b74f568.tar.bz2
volpeon.ink-5db16a08a9726b67b5bb96fd17f813fa1b74f568.zip
Moved all metadata processing from the build script into a Pandoc Lua filter
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