diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/_base.scss | 10 | ||||
-rw-r--r-- | src/_utils.scss | 14 | ||||
-rw-r--r-- | src/index.scss | 2 | ||||
-rw-r--r-- | src/objects/_action-menu.scss | 4 |
4 files changed, 30 insertions, 0 deletions
diff --git a/src/_base.scss b/src/_base.scss index 54df879..6e404fe 100644 --- a/src/_base.scss +++ b/src/_base.scss | |||
@@ -35,6 +35,16 @@ p { | |||
35 | } | 35 | } |
36 | } | 36 | } |
37 | 37 | ||
38 | strong { | ||
39 | color: fn.color(--fg-lo); | ||
40 | font-weight: bold; | ||
41 | } | ||
42 | |||
43 | small { | ||
44 | color: fn.color(--fg-hi); | ||
45 | font-size: fn.dim(--font-size --sm); | ||
46 | } | ||
47 | |||
38 | ul, | 48 | ul, |
39 | ol { | 49 | ol { |
40 | margin: fn.dim(--paragraph --margin-top) 0 0; | 50 | margin: fn.dim(--paragraph --margin-top) 0 0; |
diff --git a/src/_utils.scss b/src/_utils.scss new file mode 100644 index 0000000..72c1f2f --- /dev/null +++ b/src/_utils.scss | |||
@@ -0,0 +1,14 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | |||
3 | @include iro.bem-utility('db') { | ||
4 | display: block; | ||
5 | } | ||
6 | |||
7 | @include iro.bem-utility('dc') { | ||
8 | display: contents; | ||
9 | } | ||
10 | |||
11 | @include iro.bem-utility('elp') { | ||
12 | overflow: hidden; | ||
13 | text-overflow: ellipsis; | ||
14 | } | ||
diff --git a/src/index.scss b/src/index.scss index 5ceb11f..b4c437e 100644 --- a/src/index.scss +++ b/src/index.scss | |||
@@ -23,4 +23,6 @@ | |||
23 | 23 | ||
24 | @use 'layouts/form'; | 24 | @use 'layouts/form'; |
25 | 25 | ||
26 | @use 'utils'; | ||
27 | |||
26 | @use 'apply-vars'; | 28 | @use 'apply-vars'; |
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index 7c2dc4f..e908fdf 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss | |||
@@ -100,6 +100,10 @@ | |||
100 | } | 100 | } |
101 | } | 101 | } |
102 | 102 | ||
103 | @include iro.bem-elem('slot') { | ||
104 | padding: fn.dim(--item --pad-y) fn.dim(--item --pad-x); | ||
105 | } | ||
106 | |||
103 | @include iro.bem-elem('icon-slot') { | 107 | @include iro.bem-elem('icon-slot') { |
104 | display: flex; | 108 | display: flex; |
105 | justify-content: center; | 109 | justify-content: center; |