diff options
-rw-r--r-- | assets/css/components/_hnav.scss | 12 | ||||
-rw-r--r-- | content/notebook/general/index.md | 7 | ||||
-rw-r--r-- | content/notebook/index.md | 3 | ||||
-rw-r--r-- | templates/layouts/categorized_list.html | 2 |
4 files changed, 21 insertions, 3 deletions
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss index 74dba9f..5f8157b 100644 --- a/assets/css/components/_hnav.scss +++ b/assets/css/components/_hnav.scss | |||
@@ -4,13 +4,15 @@ | |||
4 | @include iro.props-namespace('hnav') { | 4 | @include iro.props-namespace('hnav') { |
5 | @include iro.props-store(( | 5 | @include iro.props-store(( |
6 | --colors: ( | 6 | --colors: ( |
7 | --border: fn.global-color(--obj) | 7 | --fg: fn.global-color(--fg-hi), |
8 | --border: fn.global-color(--obj), | ||
8 | ) | 9 | ) |
9 | ), 'colors'); | 10 | ), 'colors'); |
10 | 11 | ||
11 | @include iro.props-store(( | 12 | @include iro.props-store(( |
12 | --dims: ( | 13 | --dims: ( |
13 | --gap: 1.5em, | 14 | --gap: 1.5em, |
15 | --font-size: .9em, | ||
14 | --margin-top: fn.global-dim(--paragraph --margin-top), | 16 | --margin-top: fn.global-dim(--paragraph --margin-top), |
15 | --margin-bottom: fn.global-dim(--size --1000), | 17 | --margin-bottom: fn.global-dim(--size --1000), |
16 | ) | 18 | ) |
@@ -18,10 +20,16 @@ | |||
18 | 20 | ||
19 | @include iro.bem-component(iro.props-namespace()) { | 21 | @include iro.bem-component(iro.props-namespace()) { |
20 | display: flex; | 22 | display: flex; |
23 | flex-wrap: wrap; | ||
21 | gap: fn.dim(--gap); | 24 | gap: fn.dim(--gap); |
22 | align-items: baseline; | 25 | align-items: baseline; |
23 | margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom); | 26 | margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom); |
24 | padding-top: fn.dim(--margin-top); | 27 | padding-top: fn.dim(--margin-top); |
25 | border-top: 1px solid fn.color(--border); | 28 | border-top: 1px solid fn.color(--border); |
29 | color: fn.color(--fg); | ||
30 | |||
31 | @include iro.bem-elem('item') { | ||
32 | font-size: fn.dim(--font-size); | ||
33 | } | ||
26 | } | 34 | } |
27 | } | 35 | } |
diff --git a/content/notebook/general/index.md b/content/notebook/general/index.md new file mode 100644 index 0000000..9f3ed01 --- /dev/null +++ b/content/notebook/general/index.md | |||
@@ -0,0 +1,7 @@ | |||
1 | --- | ||
2 | title: General | ||
3 | position: 1 | ||
4 | list_read_indicators: true | ||
5 | feed: true | ||
6 | unlisted: true | ||
7 | --- | ||
diff --git a/content/notebook/index.md b/content/notebook/index.md index 8d58834..f1b8d27 100644 --- a/content/notebook/index.md +++ b/content/notebook/index.md | |||
@@ -2,5 +2,8 @@ | |||
2 | title: Notebook | 2 | title: Notebook |
3 | position: 3 | 3 | position: 3 |
4 | list_limit: 4 | 4 | list_limit: 4 |
5 | list_order: date_desc | ||
5 | feed: true | 6 | feed: true |
6 | --- | 7 | --- |
8 | |||
9 | Random thoughts, useless stuff, ordered and unordered. | ||
diff --git a/templates/layouts/categorized_list.html b/templates/layouts/categorized_list.html index 8217fd9..52e0d88 100644 --- a/templates/layouts/categorized_list.html +++ b/templates/layouts/categorized_list.html | |||
@@ -8,7 +8,7 @@ $body$ | |||
8 | $if(notoc)$$else$ | 8 | $if(notoc)$$else$ |
9 | <nav class="c-hnav s-invisible-links"> | 9 | <nav class="c-hnav s-invisible-links"> |
10 | $for(list)$ | 10 | $for(list)$ |
11 | <small><a href="#$it.slug$">$it.title$</a></small> | 11 | <a class="c-hnav__item" href="#$it.slug$">$it.title$</a> |
12 | $endfor$ | 12 | $endfor$ |
13 | </nav> | 13 | </nav> |
14 | $endif$ | 14 | $endif$ |