summaryrefslogtreecommitdiffstats
path: root/assets
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2020-12-23 09:10:31 +0100
committerVolpeon <git@volpeon.ink>2020-12-23 09:10:31 +0100
commit3b15d49467a4ea81c3adf101b806d7236ba395bb (patch)
tree66e1e924d535b9790730f76f3bdc148b5b774947 /assets
parentInlined simple scripts in the makefile (diff)
downloadvolpeon.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.scss62
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
131code { 101code {
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