openmct/platform/commonUI/general/res/sass/_messages.scss
Charles Hacskaylo d606ee421f [Frontend] New template for message-banner
open #159
open #170
Added markup and beginning of styling;
Temporarily added mct-include elem to bottombar.html;
2015-10-02 18:37:01 -07:00

33 lines
719 B
SCSS

/* Styles for messages and message banners */
.message {
&.block {
@include border-radius($basicCr);
padding: $interiorMarginLg;
}
&.error {
background-color: rgba($colorAlert,0.3);
color: lighten($colorAlert, 20%);
}
}
.l-message-banner {
@include ellipsize();
display: block;
position: absolute;
top: $interiorMargin; right: auto; bottom: $interiorMargin; left: 50%;
height: auto; width: auto;
//line-height: $ueFooterH;
max-width: 300px;
padding: 0 $interiorMarginLg;
@include transform(translateX(-50%));
.s-btn {
height: auto !important;
}
}
.s-message-banner {
@include border-radius($basicCr);
background-color: #999;
color: black;
}