2 files changed, 16 insertions, 0 deletions

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';