diff options
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/_basics.scss | 4 | ||||
-rw-r--r-- | assets/css/components/_nav.scss | 6 | ||||
-rw-r--r-- | assets/css/components/_page.scss | 11 | ||||
-rw-r--r-- | assets/css/scopes/_code.scss | 2 |
4 files changed, 16 insertions, 7 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 05d2974..b18ca57 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -182,7 +182,7 @@ hr { | |||
182 | 182 | ||
183 | blockquote { | 183 | blockquote { |
184 | position: relative; | 184 | position: relative; |
185 | margin: ($line-height * 1em) 0 0; | 185 | margin: ($line-height * 1em) 0 0 1px; |
186 | padding-left: calc(#{$subcontent--indent} - 2px); | 186 | padding-left: calc(#{$subcontent--indent} - 3px); |
187 | border-left: 2px solid var(--obj); | 187 | border-left: 2px solid var(--obj); |
188 | } | 188 | } |
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 | ||
diff --git a/assets/css/scopes/_code.scss b/assets/css/scopes/_code.scss index cdc9425..f6697aa 100644 --- a/assets/css/scopes/_code.scss +++ b/assets/css/scopes/_code.scss | |||
@@ -6,6 +6,8 @@ | |||
6 | line-height: $line-height; | 6 | line-height: $line-height; |
7 | } | 7 | } |
8 | 8 | ||
9 | /* stylelint-disable selector-class-pattern */ | ||
10 | |||
9 | .c { | 11 | .c { |
10 | color: var(--fg-hi); | 12 | color: var(--fg-hi); |
11 | } | 13 | } |