summaryrefslogtreecommitdiffstats
path: root/assets/css/_basics.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/_basics.scss')
-rw-r--r--assets/css/_basics.scss32
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
20html, 20html,
@@ -38,14 +38,14 @@ body {
38} 38}
39 39
40code { 40code {
41 color: var(--code-fg); 41 color: var(--code--fg);
42} 42}
43 43
44pre { 44pre {
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
69li { 69li {
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 {
110h1 { 110h1 {
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
116h2 { 116h2 {
117 font-size: 1em; 117 font-size: 1em;
118 color: var(--heading-fg); 118 color: var(--heading--fg);
119} 119}
120 120
121h3 { 121h3 {
@@ -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
149hr { 149hr {
@@ -156,6 +156,6 @@ hr {
156blockquote { 156blockquote {
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}