diff options
author | Volpeon <git@volpeon.ink> | 2020-12-23 09:10:31 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2020-12-23 09:10:31 +0100 |
commit | 3b15d49467a4ea81c3adf101b806d7236ba395bb (patch) | |
tree | 66e1e924d535b9790730f76f3bdc148b5b774947 /assets | |
parent | Inlined simple scripts in the makefile (diff) | |
download | volpeon.ink-3b15d49467a4ea81c3adf101b806d7236ba395bb.tar.gz volpeon.ink-3b15d49467a4ea81c3adf101b806d7236ba395bb.tar.bz2 volpeon.ink-3b15d49467a4ea81c3adf101b806d7236ba395bb.zip |
Better build script, allow static files in content folder
Diffstat (limited to 'assets')
-rw-r--r-- | assets/style.scss | 62 |
1 files changed, 31 insertions, 31 deletions
diff --git a/assets/style.scss b/assets/style.scss index f3a8b81..8e021d8 100644 --- a/assets/style.scss +++ b/assets/style.scss | |||
@@ -1,5 +1,5 @@ | |||
1 | $font-size: 17px; | 1 | $font-size: 17px; |
2 | $heading-font-size: 18px; | 2 | $heading-font-size: $font-size + 1; |
3 | $line-height: 1.4; | 3 | $line-height: 1.4; |
4 | 4 | ||
5 | $page-item-prefix-max-chars: 3ch; | 5 | $page-item-prefix-max-chars: 3ch; |
@@ -98,36 +98,6 @@ main { | |||
98 | margin: 0 auto; | 98 | margin: 0 auto; |
99 | } | 99 | } |
100 | 100 | ||
101 | .c-page-header { | ||
102 | margin-bottom: $line-height * 2rem; | ||
103 | overflow: hidden; | ||
104 | |||
105 | &::after { | ||
106 | position: relative; | ||
107 | z-index: -10; | ||
108 | content: str-repeat("░", 120); | ||
109 | display: block; | ||
110 | height: $line-height; | ||
111 | margin-top: px-to-em(2px); | ||
112 | padding-top: px-to-em(2px); | ||
113 | color: var(--fg-minus); | ||
114 | border-top: 1px solid var(--fg-minus); | ||
115 | } | ||
116 | |||
117 | &--sm { | ||
118 | display: none; | ||
119 | } | ||
120 | |||
121 | @media (max-width: 700px) { | ||
122 | display: none; | ||
123 | |||
124 | &--sm, | ||
125 | &--nohide { | ||
126 | display: block; | ||
127 | } | ||
128 | } | ||
129 | } | ||
130 | |||
131 | code { | 101 | code { |
132 | color: var(--code-fg); | 102 | color: var(--code-fg); |
133 | } | 103 | } |
@@ -259,6 +229,36 @@ blockquote { | |||
259 | border-left: 2px solid var(--bg-plus); | 229 | border-left: 2px solid var(--bg-plus); |
260 | } | 230 | } |
261 | 231 | ||
232 | .c-page-header { | ||
233 | margin-bottom: $line-height * 2rem; | ||
234 | overflow: hidden; | ||
235 | |||
236 | &::after { | ||
237 | position: relative; | ||
238 | z-index: -10; | ||
239 | content: str-repeat("░", 120); | ||
240 | display: block; | ||
241 | height: $line-height; | ||
242 | margin-top: px-to-em(2px); | ||
243 | padding-top: px-to-em(2px); | ||
244 | color: var(--fg-minus); | ||
245 | border-top: 1px solid var(--fg-minus); | ||
246 | } | ||
247 | |||
248 | &--sm { | ||
249 | display: none; | ||
250 | } | ||
251 | |||
252 | @media (max-width: 700px) { | ||
253 | display: none; | ||
254 | |||
255 | &--sm, | ||
256 | &--nohide { | ||
257 | display: block; | ||
258 | } | ||
259 | } | ||
260 | } | ||
261 | |||
262 | .s-page { | 262 | .s-page { |
263 | padding-left: $page-item-prefix-width; | 263 | padding-left: $page-item-prefix-width; |
264 | 264 | ||