Merge pull request #1019 from helsingborg-stad/feat/new-css-icon-section

feat: new css icon section

Author: NiclasNorin

source/sass/_styleguide.scss

@@ -174,6 +174,7 @@
 @import "component/openStreetMap";
 @import "component/newsitem";
 @import "component/toast";
+@import "component/iconSection";
 
 // ***************************************************************
 // *** Icons

source/sass/component/_iconSection.scss

@@ -0,0 +1,23 @@
+.c-iconsection {
+    display: grid;
+    grid-template-columns: [icon] auto [content] 1fr;
+
+    &__icon,
+    &__content {
+        padding: calc($base * 2);
+    }
+
+    &__icon {
+        grid-column: icon;
+        background-color: color-mix(in srgb, $c-paper-color-background 98%, black);
+        border-right: 1px solid color-mix(in srgb, $c-paper-color-background 93%, black);
+
+        & > * {
+            opacity: .5;
+        }
+    }
+
+    &__content {
+        grid-column: content;
+    }
+}