diff options
Diffstat (limited to 'src/objects/_dialog.scss')
-rw-r--r-- | src/objects/_dialog.scss | 8 |
1 files changed, 8 insertions, 0 deletions
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; |