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