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

85666b70 · Mike Greiling · 92a91a88 · 85666b70
Commit 85666b70 authored Dec 20, 2016 by Mike Greiling
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 */