diff options
author | Volpeon <git@volpeon.ink> | 2022-06-11 16:26:47 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-11 16:26:47 +0200 |
commit | 604dcfe244ab8f6913db9dec3de5796ad32f43f5 (patch) | |
tree | fc56d5965f3e263937efd3d42196afe1359299cb /assets/css/components | |
parent | Re-implemented design via iro-design (diff) | |
download | volpeon.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.scss | 2 | ||||
-rw-r--r-- | assets/css/components/_hnav.scss | 20 |
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 | } |