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