summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--assets/css/_basics.scss2
-rw-r--r--assets/css/_vars.scss2
-rw-r--r--assets/css/components/_header.scss17
-rw-r--r--assets/css/scopes/_body.scss10
-rw-r--r--content/9thPK7O3xn/dreams/index.md2
-rw-r--r--content/9thPK7O3xn/misc/index.md2
-rw-r--r--content/9thPK7O3xn/pages/index.md2
-rw-r--r--templates/base.html36
-rw-r--r--templates/layouts/categorized_list.html2
-rw-r--r--templates/layouts/list.html2
10 files changed, 31 insertions, 46 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 09b9585..ec1a07a 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -37,7 +37,7 @@ body {
37 37
38main { 38main {
39 @include iro-responsive-env(('sm', 'md')) { 39 @include iro-responsive-env(('sm', 'md')) {
40 font-size: iro-responsive-set((1rem, 1 / 16 * 19rem)); 40 font-size: iro-responsive-set((1rem, 1 / 16 * 18rem));
41 } 41 }
42} 42}
43 43
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index eea1764..ca7abd3 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -22,7 +22,7 @@ $font-fam--large: 'Garet', $font-fam--text;
22$font-fam--mono: 'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace; 22$font-fam--mono: 'Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace;
23$font-size: 16px; 23$font-size: 16px;
24$line-height: 1.7; 24$line-height: 1.7;
25$content--width: 46rem; 25$content--width: 42rem;
26 26
27@include iro-execute { 27@include iro-execute {
28 $gray0: hsl(220, 5%, 7%); 28 $gray0: hsl(220, 5%, 7%);
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 1a10345..341be75 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -1,9 +1,8 @@
1@include namespace('header') { 1@include namespace('header') {
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --bg: prop(--colors --bg-lo, $global: true), 4 --bg: prop(--colors --bg-lo, $global: true),
5 --fg: prop(--colors --fg-lo, $global: true), 5 --fg: prop(--colors --fg-lo, $global: true),
6 --border: prop(--colors --bg, $global: true),
7 --hover: ( 6 --hover: (
8 --bg: prop(--colors --fg-lo, $global: true), 7 --bg: prop(--colors --fg-lo, $global: true),
9 --fg: prop(--colors --bg-hi, $global: true), 8 --fg: prop(--colors --bg-hi, $global: true),
@@ -26,13 +25,9 @@
26 ), 'light'); 25 ), 'light');
27 26
28 @include component(namespace()) { 27 @include component(namespace()) {
29 height: prop(--dims --height); 28 display: flex;
30 29 height: prop(--dims --height);
31 @include element('nav') { 30 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
32 display: inline-flex;
33 height: 100%;
34 box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
35 }
36 31
37 @include element('item') { 32 @include element('item') {
38 padding: 0 prop(--dims --pad-x); 33 padding: 0 prop(--dims --pad-x);
@@ -43,7 +38,7 @@
43 transition: background-color .2s, color .2s, border-left-color .2s; 38 transition: background-color .2s, color .2s, border-left-color .2s;
44 39
45 @include next-twin-element { 40 @include next-twin-element {
46 border-left: 1px solid prop(--colors --border); 41 margin-left: 2px;
47 } 42 }
48 43
49 &:hover, 44 &:hover,
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index 6abaeb0..1de4dc5 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -9,7 +9,7 @@
9 --fg: prop(--colors --accent --strong, $global: true), 9 --fg: prop(--colors --accent --strong, $global: true),
10 --bg: prop(--colors --bg-hi, $global: true), 10 --bg: prop(--colors --bg-hi, $global: true),
11 ), 11 ),
12 --obj-border: prop(--colors --obj, $global: true), 12 --obj-border: prop(--colors --obj-hi, $global: true),
13 ), 13 ),
14 --dims: ( 14 --dims: (
15 --meta: ( 15 --meta: (
@@ -67,13 +67,5 @@
67 background-color: transparent; 67 background-color: transparent;
68 color: currentColor; 68 color: currentColor;
69 } 69 }
70
71 @include media('<=sm') {
72 font-size: 1 / 16 * 17em;
73 }
74
75 @include media('<=xs') {
76 font-size: 1em;
77 }
78 } 70 }
79} 71}
diff --git a/content/9thPK7O3xn/dreams/index.md b/content/9thPK7O3xn/dreams/index.md
index 8c72776..bce4433 100644
--- a/content/9thPK7O3xn/dreams/index.md
+++ b/content/9thPK7O3xn/dreams/index.md
@@ -3,6 +3,6 @@ title: Dream Journal
3position: 9 3position: 9
4layout: list 4layout: list
5list_order: date_desc 5list_order: date_desc
6show_read_indicators: true 6list_read_indicators: true
7create_feed: true 7create_feed: true
8--- 8---
diff --git a/content/9thPK7O3xn/misc/index.md b/content/9thPK7O3xn/misc/index.md
index 840b8c9..572cc05 100644
--- a/content/9thPK7O3xn/misc/index.md
+++ b/content/9thPK7O3xn/misc/index.md
@@ -2,6 +2,6 @@
2title: Other stuff 2title: Other stuff
3position: 10 3position: 10
4layout: list 4layout: list
5show_read_indicators: true 5list_read_indicators: true
6create_feed: true 6create_feed: true
7--- 7---
diff --git a/content/9thPK7O3xn/pages/index.md b/content/9thPK7O3xn/pages/index.md
index 583b34b..0dccffb 100644
--- a/content/9thPK7O3xn/pages/index.md
+++ b/content/9thPK7O3xn/pages/index.md
@@ -2,6 +2,6 @@
2title: Pages 2title: Pages
3position: 0 3position: 0
4layout: list 4layout: list
5show_read_indicators: true 5list_read_indicators: true
6create_feed: true 6create_feed: true
7--- 7---
diff --git a/templates/base.html b/templates/base.html
index 6424447..e736864 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -44,25 +44,23 @@
44</head> 44</head>
45 45
46<body> 46<body>
47 <header class="c-header"> 47 <nav class="c-header">
48 <nav class="c-header__nav"> 48 <a class="c-header__item c-header__item--icon" href="/" title="$site.title$">
49 <a class="c-header__item c-header__item--icon" href="/" title="$site.title$"> 49 <svg class="c-header__icon" width="1em" height="1em">
50 <svg class="c-header__icon" width="1em" height="1em"> 50 <use href="/symbols.svg#logo"></use>
51 <use href="/symbols.svg#logo"></use> 51 </svg>
52 </svg> 52 </a>
53 </a> 53 $if(namespace.root.is_index)$
54 $if(namespace.root.is_index)$ 54 $else$
55 $else$ 55 $for(menus.main.items)$
56 $for(menus.main.items)$ 56 $if(it.active)$
57 $if(it.active)$ 57 <a class="c-header__item" href="$it.url$">
58 <a class="c-header__item" href="$it.url$"> 58 $it.label$
59 $it.label$ 59 </a>
60 </a> 60 $endif$
61 $endif$ 61 $endfor$
62 $endfor$ 62 $endif$
63 $endif$ 63 </nav>
64 </nav>
65 </header>
66 64
67 <main> 65 <main>
68 $if(namespace.root.is_index)$ 66 $if(namespace.root.is_index)$
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html
index f8c3fab..a3af43c 100644
--- a/templates/layouts/categorized_list.html
+++ b/templates/layouts/categorized_list.html
@@ -14,7 +14,7 @@ $body$
14 <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$"> 14 <div class="c-card-list__category-content$if(it.list_grid)$ c-card-list__category-content--grid$endif$">
15 $for(it.pages.all)$ 15 $for(it.pages.all)$
16 <a href="$it.url.rel$" class="c-card-list__card c-card"> 16 <a href="$it.url.rel$" class="c-card-list__card c-card">
17 $if(pages.all.show_read_indicators)$ 17 $if(pages.all.list_read_indicators)$
18 <div class="c-card__block c-card__block--indicator"></div> 18 <div class="c-card__block c-card__block--indicator"></div>
19 $endif$ 19 $endif$
20 $if(pages.all.icon)$ 20 $if(pages.all.icon)$
diff --git a/templates/layouts/list.html b/templates/layouts/list.html
index 208b267..2ef02ab 100644
--- a/templates/layouts/list.html
+++ b/templates/layouts/list.html
@@ -9,7 +9,7 @@ $body$
9 <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$"> 9 <div class="c-card-list__category-content$if(list_grid)$ c-card-list__category-content--grid$endif$">
10 $for(pages.all)$ 10 $for(pages.all)$
11 <a href="$it.url.rel$" class="c-card-list__card c-card"> 11 <a href="$it.url.rel$" class="c-card-list__card c-card">
12 $if(show_read_indicators)$ 12 $if(list_read_indicators)$
13 <div class="c-card__block c-card__block--indicator"></div> 13 <div class="c-card__block c-card__block--indicator"></div>
14 $endif$ 14 $endif$
15 $if(icon)$ 15 $if(icon)$