From 1f13187d39140f1be15846e4944b4b38be849362 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 12 Feb 2022 08:12:00 +0100
Subject: Added close button to dialog

---
 src/objects/_dialog.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'src/objects/_dialog.scss')

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 @@
         display:             grid;
         grid-template-rows:  auto auto 1fr auto;
         grid-template-areas: 'header' 'rule' 'body' 'footer';
+        position:            relative;
         max-width:           fn.dim(--width-md);
         margin:              0 auto;
         padding:             fn.dim(--pad-y) fn.dim(--pad-x);
@@ -46,6 +47,13 @@
             margin-bottom: fn.dim(--title-body-spacing);
         }
 
+        @include iro.bem-elem('close-btn') {
+            position:  absolute;
+            top:       iro.fn-px-to-rem(12px);
+            right:     iro.fn-px-to-rem(12px);
+            font-size: fn.global-dim(--font-size --lg);
+        }
+
         @include iro.bem-elem('rule') {
             grid-area: rule;
             margin:    0;
-- 
cgit v1.2.3-70-g09d2