engine/app/assets/stylesheets/locomotive/shared/growl.css.scss

30 lines
706 B
SCSS

@import "compass/css3/images";
@import "compass/css3/text-shadow";
div.notice {
position: relative;
width: 100%;
height: 80px;
margin-top: 10px;
@include background-image(linear-gradient(rgba(102, 176, 71, 0.9), rgba(111, 191, 77, 0.9) 80%, rgba(104, 180, 72, 0.9)));
border-bottom: 2px solid rgba(88, 153, 62, 0.9);
&.error, &.alert {
@include background-image(linear-gradient(rgba(212, 64, 64, 0.9), rgba(230, 69, 69, 0.9) 70%, rgba(216, 65, 65, 0.9)));
border-bottom: 2px solid rgba(192, 57, 57, 0.9);
}
p {
line-height: 80px;
margin: 0px;
color: #fff;
text-align: center;
font-size: 20px;
@include single-text-shadow(#333, 1px, 1px, 1px);
}
}