fix(component): alert padding

20px padding dedicated scss file close button positionning
Orange-OpenSource · Jan 18, 2017 · b6b3891 · b6b3891
1 parent 4686421
commit b6b3891
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 2 deletions.
diff --git a/scss/_custom.scss b/scss/_custom.scss
@@ -880,8 +880,8 @@ $modal-transition:            transform .3s ease-out !default;
 //
 // Define alert colors, border radius, and padding.
 
-$alert-padding-x:             15px;
-$alert-padding-y:             15px;
+$alert-padding-x:             1.25rem;
+$alert-padding-y:             1.25rem;
 $alert-margin-bottom:         $spacer;
 $alert-border-radius:         $border-radius;
 $alert-link-font-weight:      $font-weight-bold;

diff --git a/scss/_o-alert.scss b/scss/_o-alert.scss
@@ -0,0 +1,17 @@
+// Alerts
+//
+//
+
+.alert {
+    border: 0;
+    line-height: $close-font-size;
+}
+
+.alert-dismissible {
+  .close {
+    position: relative;
+    top: -1.125rem;
+    right: -1.125rem;
+    padding: 1.125rem;
+  }
+}
diff --git a/scss/boosted.scss b/scss/boosted.scss
@@ -58,6 +58,7 @@
 @import "utilities";
 
 // boosted mod
+@import "o-alert";
 @import "o-buttons";
 @import "o-card";
 @import "o-switches";