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 | } | ||