Sha256: 54fcb4f06a77ed57f64ac168c0a0796191426ef7057d641c2b08ab3a1656b529
Contents?: true
Size: 1.16 KB
Versions: 8
Compression:
Stored size: 1.16 KB
Contents
@import 'dvl/core/includes';
$dvlFlashZIndex: 1041 !default; // above modal
$dvlFlashDefaultColor: #2886A8 !default;
.flash {
position: fixed;
left: 0;
top: 0;
transform: translateY(-8rem);
opacity: 0;
transition: transform 0.3s ease-out, opacity 0.15s ease-out;
width: 95%;
margin: 1rem 2.5% 0;
z-index: $dvlFlashZIndex;
background: $dvlFlashDefaultColor;
border-radius: $radius;
padding: 0.75rem 1rem;
font-size: 0.9rem;
color: $white;
box-shadow: 0 1px 0 rgba(#000,0.2);
line-height: 1rem;
span {
display: inline-block;
max-width: 95%;
}
a {
text-decoration: underline;
color: $white;
}
&.is_visible {
opacity: 1;
transform: translateY(0);
}
.flash_close {
position: absolute;
line-height: 2.5rem;
text-decoration: none;
right: 1rem;
top: 0;
font-weight: bold;
color: $lightGray;
&:hover {
color: $white;
text-decoration: none;
}
}
}
// Colors
.flash_error {
background: $errorColor;
}
.flash_success {
background: $successColor;
}
@media only screen and (min-width: 768px) {
.flash {
width: 50rem;
margin-left: -25rem;
left: 50%;
}
}
Version data entries
8 entries across 8 versions & 1 rubygems