deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-10 18:03:27 +02:00
Code Issues Projects Releases Wiki Activity

Fade out on dismiss

Browse source
This commit is contained in:
vanillaSlice 2018-09-29 11:17:01 +01:00 committed by rhyneav
parent 468e571c9a
commit 7e3d3e6a85
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/_alerts.scss
View file

@ -6,12 +6,16 @@
width: 100%; width: 100%;
&.dismissible { &.dismissible {
@include transition;
-webkit-box-pack: justify; -webkit-box-pack: justify;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
max-height: 48rem;
opacity: 1;
overflow: hidden;
} }
.btn-close { .btn-close {
@ -50,6 +54,11 @@
display: none; display: none;
&:checked+.dismissible { &:checked+.dismissible {
display: none; border-width: 0;
margin: 0;
max-height: 0;
opacity: 0;
padding-bottom: 0;
padding-top: 0;
} }
} }