From 5c8f389ec923a5e1a552e8fb9013e7a4c2ad9c75 Mon Sep 17 00:00:00 2001
From: vanillaSlice <mike_lowe_08@hotmail.co.uk>
Date: Sat, 29 Sep 2018 11:17:01 +0100
Subject: [PATCH] Fade out on dismiss

---
 src/components/_alerts.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/_alerts.scss b/src/components/_alerts.scss
index c7c9fc7..f2e7548 100644
--- a/src/components/_alerts.scss
+++ b/src/components/_alerts.scss
@@ -6,12 +6,16 @@
   width: 100%;
 
   &.dismissible {
+    @include transition;
     -webkit-box-pack: justify;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-pack: justify;
     justify-content: space-between;
+    max-height: 48rem;
+    opacity: 1;
+    overflow: hidden;
   }
 
   .btn-close {
@@ -50,6 +54,11 @@
   display: none;
 
   &:checked+.dismissible {
-    display: none;
+    border-width: 0;
+    margin: 0;
+    max-height: 0;
+    opacity: 0;
+    padding-bottom: 0;
+    padding-top: 0;
   }
 }