summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-01-02 16:47:15 +0100
committerVolpeon <git@volpeon.ink>2021-01-02 16:47:15 +0100
commit14375c5289e84690cacd0ec9b511cefef088f0a5 (patch)
tree6465075e5255be2851a7678d1a629ed23cd810b3 /assets/css/components
parentSmall design revisions (diff)
downloadvolpeon.ink-14375c5289e84690cacd0ec9b511cefef088f0a5.tar.gz
volpeon.ink-14375c5289e84690cacd0ec9b511cefef088f0a5.tar.bz2
volpeon.ink-14375c5289e84690cacd0ec9b511cefef088f0a5.zip
Use Pygments for syntax highlighting, design adjustments, preload fonts
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_page-header.scss5
-rw-r--r--assets/css/components/_page.scss7
2 files changed, 11 insertions, 1 deletions
diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_page-header.scss
index 7cf2aa1..e97aaf7 100644
--- a/assets/css/components/_page-header.scss
+++ b/assets/css/components/_page-header.scss
@@ -18,6 +18,11 @@
18 line-height: $code-block--line-height; 18 line-height: $code-block--line-height;
19 } 19 }
20 20
21 &__pre {
22 margin-top: 0;
23 overflow: hidden;
24 }
25
21 @media (max-width: map-get($breakpoints, 'sm')) { 26 @media (max-width: map-get($breakpoints, 'sm')) {
22 margin-left: 0; 27 margin-left: 0;
23 padding-left: 0; 28 padding-left: 0;
diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss
index 21969d7..c9a4650 100644
--- a/assets/css/components/_page.scss
+++ b/assets/css/components/_page.scss
@@ -7,6 +7,11 @@
7 } 7 }
8 } 8 }
9 9
10 &__code {
11 padding-left: calc(#{$subcontent--indent} - 2px);
12 border-left: 2px solid var(--obj);
13 }
14
10 &__prefixed { 15 &__prefixed {
11 position: relative; 16 position: relative;
12 margin-left: -1 * $page--item-prefix--width; 17 margin-left: -1 * $page--item-prefix--width;
@@ -44,9 +49,9 @@
44 &--pre { 49 &--pre {
45 $scale-factor: $font-size / $code-block--font-size; 50 $scale-factor: $font-size / $code-block--font-size;
46 51
47 margin-top: $line-height * 1em;
48 // margin-left: calc(#{-1 * $page--item-prefix--width} * #{$scale-factor}); 52 // margin-left: calc(#{-1 * $page--item-prefix--width} * #{$scale-factor});
49 // padding-left: calc(#{$page--item-prefix--width} * #{$scale-factor}); 53 // padding-left: calc(#{$page--item-prefix--width} * #{$scale-factor});
54 border-left: 0;
50 55
51 &::before { 56 &::before {
52 content: str-repeat('``\A', 40); 57 content: str-repeat('``\A', 40);