Restructure elements and components

2026-03-21 12:44:30 -07:00 · 2016-04-18 21:50:59 +01:00
parent b7fb0b9ed3
commit 23dcb47e22
11 changed files with 32 additions and 19 deletions
--- a/sass/elements/notification.sass
+++ b/sass/elements/notification.sass
@@ -0,0 +1,21 @@
+.notification
+  @extend .block
+  +clearfix
+  background: $background
+  border-radius: $radius
+  padding: 16px 20px
+  position: relative
+  .delete
+    border-radius: 0 $radius
+    float: right
+    margin: -16px -20px 0 20px
+  .subtitle,
+  .title
+    color: inherit
+  // Colors
+  @each $name, $pair in $colors
+    $color: nth($pair, 1)
+    $color-invert: nth($pair, 2)
+    &.is-#{$name}
+      background: $color
+      color: $color-invert