apply margin on alert banners only when there is one or more alerts

e9587d50 · Mike Greiling · Douglas Barbosa Alexandre · b86f4500 · e9587d50
Commit e9587d50 authored Dec 20, 2016 by Mike Greiling Committed by Douglas Barbosa Alexandre Dec 20, 2016
Show whitespace changes
Inline Side-by-side

Showing with 4 additions and 2 deletions

app/assets/stylesheets/framework/layout.scss app/assets/stylesheets/framework/layout.scss +4 -2

No files found.
--- a/app/assets/stylesheets/framework/layout.scss
+++ b/app/assets/stylesheets/framework/layout.scss
@@ -33,10 +33,12 @@ body {
 }

 .alert-wrapper {
-  margin-bottom: $gl-padding;
-
  .alert {
    margin-bottom: 0;
+
+    &:last-child {
+      margin-bottom: $gl-padding;
+    }
  }

  /* Stripe the background colors so that adjacent alert-warnings are distinct from one another */