summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_subheader.scss39
1 files changed, 39 insertions, 0 deletions
diff --git a/assets/css/components/_subheader.scss b/assets/css/components/_subheader.scss
new file mode 100644
index 0000000..df8eb50
--- /dev/null
+++ b/assets/css/components/_subheader.scss
@@ -0,0 +1,39 @@
1@use 'iro-sass/src/index' as iro;
2@use 'iro-design/src/functions' as fn;
3@use 'iro-design/src/mixins' as mx;
4
5@include iro.props-namespace('subheader') {
6 @include iro.props-store((
7 --colors: (
8 --fg: fn.global-color(--fg),
9 --strong: fn.global-color(--fg-lo),
10 ),
11 ), 'colors');
12
13 @include iro.bem-component(iro.props-namespace()) {
14 @include mx.set-font(--headline, (
15 --line-height: null,
16 --size: fn.global-dim(--font-size --400),
17 --weight: normal
18 ));
19
20 color: fn.color(--fg);
21
22 > * {
23 display: inline;
24 margin: 0;
25 }
26
27 strong {
28 color: fn.color(--strong);
29 font-weight: 500;
30 }
31
32 @include iro.bem-elem('title') {
33 font-size: inherit;
34 font-weight: 800;
35 letter-spacing: 1px;
36 text-transform: uppercase;
37 }
38 }
39}