diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-28 18:23:37 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-28 18:23:37 +0100 |
| commit | 598b5e44aa2f949ac470a46a9c850d62211cec42 (patch) | |
| tree | 33308c365aff0f4b129d6d73d9c4521d870cfbe7 /assets/css/scopes | |
| parent | Various small fixes, exclude raw ASCII fox from output (diff) | |
| download | volpeon.ink-598b5e44aa2f949ac470a46a9c850d62211cec42.tar.gz volpeon.ink-598b5e44aa2f949ac470a46a9c850d62211cec42.tar.bz2 volpeon.ink-598b5e44aa2f949ac470a46a9c850d62211cec42.zip | |
Improved CSS vars and scopes
Diffstat (limited to 'assets/css/scopes')
| -rw-r--r-- | assets/css/scopes/_page.scss | 22 | ||||
| -rw-r--r-- | assets/css/scopes/_refs.scss | 9 |
2 files changed, 28 insertions, 3 deletions
diff --git a/assets/css/scopes/_page.scss b/assets/css/scopes/_page.scss index ba61b5f..6448d08 100644 --- a/assets/css/scopes/_page.scss +++ b/assets/css/scopes/_page.scss | |||
| @@ -10,7 +10,7 @@ | |||
| 10 | h1, | 10 | h1, |
| 11 | h2, | 11 | h2, |
| 12 | h3, | 12 | h3, |
| 13 | .c-refs__item, | 13 | .s-refs li, |
| 14 | pre { | 14 | pre { |
| 15 | position: relative; | 15 | position: relative; |
| 16 | margin-left: -1 * $page--item-prefix--width; | 16 | margin-left: -1 * $page--item-prefix--width; |
| @@ -46,7 +46,7 @@ | |||
| 46 | content: '###'; | 46 | content: '###'; |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | .c-refs__item::before { | 49 | .s-refs li::before { |
| 50 | content: '->'; | 50 | content: '->'; |
| 51 | } | 51 | } |
| 52 | 52 | ||
| @@ -65,6 +65,22 @@ | |||
| 65 | margin-left: -1 * $page--item-prefix--width; | 65 | margin-left: -1 * $page--item-prefix--width; |
| 66 | } | 66 | } |
| 67 | 67 | ||
| 68 | :link { | ||
| 69 | color: var(--page--link--idle--fg); | ||
| 70 | } | ||
| 71 | |||
| 72 | :visited { | ||
| 73 | color: var(--page--link--visited--fg); | ||
| 74 | } | ||
| 75 | |||
| 76 | :link, | ||
| 77 | :visited { | ||
| 78 | &:hover { | ||
| 79 | background-color: var(--page--link--hover--bg); | ||
| 80 | color: var(--page--link--hover--fg); | ||
| 81 | } | ||
| 82 | } | ||
| 83 | |||
| 68 | .c-page-header { | 84 | .c-page-header { |
| 69 | margin-left: -1 * $page--item-prefix--width; | 85 | margin-left: -1 * $page--item-prefix--width; |
| 70 | padding-left: $page--item-prefix--width; | 86 | padding-left: $page--item-prefix--width; |
| @@ -82,7 +98,7 @@ | |||
| 82 | h1, | 98 | h1, |
| 83 | h2, | 99 | h2, |
| 84 | h3, | 100 | h3, |
| 85 | .c-refs__item, | 101 | .s-refs li, |
| 86 | pre { | 102 | pre { |
| 87 | margin-left: 0; | 103 | margin-left: 0; |
| 88 | padding-left: 0; | 104 | padding-left: 0; |
diff --git a/assets/css/scopes/_refs.scss b/assets/css/scopes/_refs.scss new file mode 100644 index 0000000..79434ff --- /dev/null +++ b/assets/css/scopes/_refs.scss | |||
| @@ -0,0 +1,9 @@ | |||
| 1 | .s-refs { | ||
| 2 | li { | ||
| 3 | padding-left: 0; | ||
| 4 | |||
| 5 | &::before { | ||
| 6 | display: none; | ||
| 7 | } | ||
| 8 | } | ||
| 9 | } | ||
