diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_action-button.scss | 6 | ||||
-rw-r--r-- | src/objects/_dialog.scss | 8 |
2 files changed, 14 insertions, 0 deletions
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index 160aa5d..08ac625 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss | |||
@@ -223,6 +223,12 @@ | |||
223 | } | 223 | } |
224 | } | 224 | } |
225 | 225 | ||
226 | @include iro.bem-modifier('round') { | ||
227 | padding-right: fn.dim(--pad-y); | ||
228 | padding-left: fn.dim(--pad-y); | ||
229 | border-radius: 100em; | ||
230 | } | ||
231 | |||
226 | @include iro.bem-is('disabled') { | 232 | @include iro.bem-is('disabled') { |
227 | border-color: fn.color(--disabled --border); | 233 | border-color: fn.color(--disabled --border); |
228 | background-color: fn.color(--disabled --bg); | 234 | background-color: fn.color(--disabled --bg); |
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index d83f348..9c7dc1f 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss | |||
@@ -24,6 +24,7 @@ | |||
24 | display: grid; | 24 | display: grid; |
25 | grid-template-rows: auto auto 1fr auto; | 25 | grid-template-rows: auto auto 1fr auto; |
26 | grid-template-areas: 'header' 'rule' 'body' 'footer'; | 26 | grid-template-areas: 'header' 'rule' 'body' 'footer'; |
27 | position: relative; | ||
27 | max-width: fn.dim(--width-md); | 28 | max-width: fn.dim(--width-md); |
28 | margin: 0 auto; | 29 | margin: 0 auto; |
29 | padding: fn.dim(--pad-y) fn.dim(--pad-x); | 30 | padding: fn.dim(--pad-y) fn.dim(--pad-x); |
@@ -46,6 +47,13 @@ | |||
46 | margin-bottom: fn.dim(--title-body-spacing); | 47 | margin-bottom: fn.dim(--title-body-spacing); |
47 | } | 48 | } |
48 | 49 | ||
50 | @include iro.bem-elem('close-btn') { | ||
51 | position: absolute; | ||
52 | top: iro.fn-px-to-rem(12px); | ||
53 | right: iro.fn-px-to-rem(12px); | ||
54 | font-size: fn.global-dim(--font-size --lg); | ||
55 | } | ||
56 | |||
49 | @include iro.bem-elem('rule') { | 57 | @include iro.bem-elem('rule') { |
50 | grid-area: rule; | 58 | grid-area: rule; |
51 | margin: 0; | 59 | margin: 0; |