Sha256: 3039555c44ab99d8647531357c720ebcade6475bcba88eae0f24405390dd78e7
Contents?: true
Size: 962 Bytes
Versions: 6
Compression:
Stored size: 962 Bytes
Contents
$alert-background-color: rgba($red, 0.85);
$alert-font-color: $white;
$notice-background-color: rgba($green, 0.85);
$notice-font-color: $white;
@include keyframes(flash-up) {
0% {
@include transform(translateZ(0) translate3d(0, 100%, 0));
}
5% {
@include transform(translateZ(0) translate3d(0, 0, 0));
}
95% {
@include transform(translateZ(0) translate3d(0, 0, 0));
}
100% {
@include transform(translateZ(0) translate3d(0, 100%, 0));
}
}
.flash_alert,
.flash_notice {
@include animation(flash-up 6s 1);
@include transform(translateZ(0) translate3d(0, 100%, 0));
bottom: 0;
font-size: 1.6em;
left: 0;
line-height: 1.2;
padding: 0.6em 0.9em;
position: fixed;
right: 0;
text-align: center;
z-index: 1000;
}
.flash_alert {
background-color: $alert-background-color;
color: $alert-font-color;
}
.flash_notice {
background-color: $notice-background-color;
color: $notice-font-color;
}
Version data entries
6 entries across 6 versions & 1 rubygems