summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 16:26:47 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 16:26:47 +0200
commit604dcfe244ab8f6913db9dec3de5796ad32f43f5 (patch)
treefc56d5965f3e263937efd3d42196afe1359299cb /assets/css/components
parentRe-implemented design via iro-design (diff)
downloadvolpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.tar.gz
volpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.tar.bz2
volpeon.ink-604dcfe244ab8f6913db9dec3de5796ad32f43f5.zip
Removed private section, various improvements
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_card.scss2
-rw-r--r--assets/css/components/_hnav.scss20
2 files changed, 10 insertions, 12 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index f8f106d..6c15145 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -135,7 +135,7 @@
135 position: relative; 135 position: relative;
136 width: 100%; 136 width: 100%;
137 height: 2em; 137 height: 2em;
138 padding-top: 46%; 138 padding-top: 50%;
139 } 139 }
140 140
141 @include iro.bem-elem('thumbnail-img') { 141 @include iro.bem-elem('thumbnail-img') {
diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
index 4097373..6eea345 100644
--- a/assets/css/components/_hnav.scss
+++ b/assets/css/components/_hnav.scss
@@ -10,20 +10,18 @@
10 10
11 @include iro.props-store(( 11 @include iro.props-store((
12 --dims: ( 12 --dims: (
13 --margin-top: fn.global-dim(--size --600), 13 --gap: 1.5em,
14 --gap: 2em, 14 --margin-top: fn.global-dim(--paragraph --margin-top),
15 --pad-y: .5em 15 --margin-bottom: fn.global-dim(--size --900),
16 ) 16 )
17 ), 'dims'); 17 ), 'dims');
18 18
19 @include iro.bem-component(iro.props-namespace()) { 19 @include iro.bem-component(iro.props-namespace()) {
20 display: flex; 20 display: flex;
21 gap: fn.dim(--gap); 21 gap: fn.dim(--gap);
22 align-items: baseline; 22 align-items: baseline;
23 margin-top: fn.dim(--margin-top); 23 margin: fn.dim(--margin-top) 0 fn.dim(--margin-bottom);
24 padding: fn.dim(--pad-y) 0 0; 24 padding-top: fn.dim(--margin-top);
25 border-width: 1px 0 0; 25 border-top: 1px solid fn.color(--border);
26 border-style: solid;
27 border-color: fn.color(--border);
28 } 26 }
29} 27}