From 8c0706051eb7529429a7782de54af793ad6f0946 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 16 Jun 2022 22:51:12 +0200 Subject: Added alert component, added image description post from fedi --- assets/css/scopes/_alerts.scss | 14 ++++++++++++++ assets/css/style.scss | 2 ++ 2 files changed, 16 insertions(+) create mode 100644 assets/css/scopes/_alerts.scss (limited to 'assets/css') diff --git a/assets/css/scopes/_alerts.scss b/assets/css/scopes/_alerts.scss new file mode 100644 index 0000000..a5b0987 --- /dev/null +++ b/assets/css/scopes/_alerts.scss @@ -0,0 +1,14 @@ +@use 'iro-sass/src/index' as iro; +@use 'iro-design/src/functions' as fn; + +@include iro.props-namespace('alerts') { + @include iro.bem-scope(iro.props-namespace()) { + @include iro.bem-elem('alert') { + margin-top: fn.global-dim(--paragraph --margin-top); + + > :first-child { + margin-top: 0; + } + } + } +} diff --git a/assets/css/style.scss b/assets/css/style.scss index 3ae810d..3fce2f4 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -15,6 +15,7 @@ @use 'iro-design/src/objects/badge' as iro-badge; @use 'iro-design/src/objects/heading' as iro-heading; @use 'iro-design/src/objects/icon' as iro-icon; +@use 'iro-design/src/objects/alert' as iro-alert; @use 'iro-design/src/objects/lightbox' as iro-lightbox; @use 'components/footer'; @@ -31,6 +32,7 @@ @use 'iro-design/src/scopes/lists' as iro-lists; @use 'iro-design/src/scopes/tables' as iro-tables; @use 'scopes/small'; +@use 'scopes/alerts'; @use 'iro-design/src/utils'; -- cgit v1.2.3-70-g09d2