lbry.tech/app/sass/partials/_flash.scss

48 lines
766 B
SCSS
Raw Permalink Normal View History

2018-07-17 21:40:25 +02:00
.flashes {
2018-10-06 00:46:08 +02:00
width: 100%;
2018-07-17 21:40:25 +02:00
top: 4rem; right: 0;
position: absolute;
z-index: 9;
}
.flash {
2018-10-06 00:46:08 +02:00
padding: 0.5rem 1rem;
right: 2rem;
2018-07-17 21:40:25 +02:00
border: 2px solid;
border-radius: 3px;
font-size: 1rem;
line-height: 1.33;
position: absolute;
&:not(.error):not(.info):not(.warning) {
2018-10-13 00:29:53 +02:00
background-color: $lbry-teal-1;
border-color: $lbry-teal-3;
2018-07-17 21:40:25 +02:00
}
&:not(.active) {
transform: translateY(-4rem);
}
&.active {
animation: slide-down 2s linear;
transform: translateY(-4rem);
}
&.error {
2018-10-13 00:29:53 +02:00
background-color: $lbry-red-1;
border-color: $lbry-red-3;
2018-07-17 21:40:25 +02:00
}
&.info {
2018-10-13 00:29:53 +02:00
background-color: $lbry-gray-1;
border-color: $lbry-gray-3;
2018-07-17 21:40:25 +02:00
}
&.warning {
2018-10-13 00:29:53 +02:00
background-color: $lbry-yellow-1;
border-color: $lbry-yellow-3;
2018-07-17 21:40:25 +02:00
}
}