diff options
Diffstat (limited to 'assets/css/_basics.scss')
-rw-r--r-- | assets/css/_basics.scss | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index da971d4..9505cdd 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -13,8 +13,8 @@ | |||
13 | } | 13 | } |
14 | 14 | ||
15 | ::selection { | 15 | ::selection { |
16 | color: var(--select-fg); | 16 | color: var(--select--fg); |
17 | background-color: var(--select-bg); | 17 | background-color: var(--select--bg); |
18 | } | 18 | } |
19 | 19 | ||
20 | html, | 20 | html, |
@@ -38,14 +38,14 @@ body { | |||
38 | } | 38 | } |
39 | 39 | ||
40 | code { | 40 | code { |
41 | color: var(--code-fg); | 41 | color: var(--code--fg); |
42 | } | 42 | } |
43 | 43 | ||
44 | pre { | 44 | pre { |
45 | margin: 0; | 45 | margin: 0; |
46 | color: var(--code-block-fg); | 46 | color: var(--code-block--fg); |
47 | font-size: $code-block-font-size; | 47 | font-size: $code-block--font-size; |
48 | line-height: $code-block-line-height; | 48 | line-height: $code-block--line-height; |
49 | text-overflow: ""; | 49 | text-overflow: ""; |
50 | overflow: hidden; | 50 | overflow: hidden; |
51 | 51 | ||
@@ -68,13 +68,13 @@ ol { | |||
68 | 68 | ||
69 | li { | 69 | li { |
70 | position: relative; | 70 | position: relative; |
71 | padding-left: $subcontent-indent; | 71 | padding-left: $subcontent--indent; |
72 | 72 | ||
73 | &::before { | 73 | &::before { |
74 | position: absolute; | 74 | position: absolute; |
75 | display: inline-block; | 75 | display: inline-block; |
76 | width: $subcontent-indent; | 76 | width: $subcontent--indent; |
77 | margin-left: -1 * $subcontent-indent; | 77 | margin-left: -1 * $subcontent--indent; |
78 | color: var(--fg-minus); | 78 | color: var(--fg-minus); |
79 | } | 79 | } |
80 | } | 80 | } |
@@ -110,12 +110,12 @@ h3 { | |||
110 | h1 { | 110 | h1 { |
111 | text-transform: uppercase; | 111 | text-transform: uppercase; |
112 | font-size: 1em; | 112 | font-size: 1em; |
113 | color: var(--heading-fg); | 113 | color: var(--heading--fg); |
114 | } | 114 | } |
115 | 115 | ||
116 | h2 { | 116 | h2 { |
117 | font-size: 1em; | 117 | font-size: 1em; |
118 | color: var(--heading-fg); | 118 | color: var(--heading--fg); |
119 | } | 119 | } |
120 | 120 | ||
121 | h3 { | 121 | h3 { |
@@ -133,17 +133,17 @@ p { | |||
133 | z-index: 1000; | 133 | z-index: 1000; |
134 | padding: 0.2em 0.3em; | 134 | padding: 0.2em 0.3em; |
135 | margin: 0 -0.3em; | 135 | margin: 0 -0.3em; |
136 | color: var(--link-idle-fg); | 136 | color: var(--link--idle--fg); |
137 | 137 | ||
138 | &:hover { | 138 | &:hover { |
139 | background-color: var(--link-hover-bg); | 139 | background-color: var(--link--hover--bg); |
140 | color: var(--link-hover-fg); | 140 | color: var(--link--hover--fg); |
141 | text-decoration: none; | 141 | text-decoration: none; |
142 | } | 142 | } |
143 | } | 143 | } |
144 | 144 | ||
145 | :visited { | 145 | :visited { |
146 | color: var(--link-visited-fg); | 146 | color: var(--link--visited--fg); |
147 | } | 147 | } |
148 | 148 | ||
149 | hr { | 149 | hr { |
@@ -156,6 +156,6 @@ hr { | |||
156 | blockquote { | 156 | blockquote { |
157 | position: relative; | 157 | position: relative; |
158 | margin: ($line-height * 1em) 0 0; | 158 | margin: ($line-height * 1em) 0 0; |
159 | padding-left: calc(#{$subcontent-indent} - 2px); | 159 | padding-left: calc(#{$subcontent--indent} - 2px); |
160 | border-left: 2px solid var(--bg-plus); | 160 | border-left: 2px solid var(--bg-plus); |
161 | } | 161 | } |