35 lines
899 B
SCSS
35 lines
899 B
SCSS
/* Warning, emphasize, validate blocks */
|
|
.warning, .emphasize, .validate, .messages {
|
|
position: relative;
|
|
font-weight: bold;
|
|
padding: 0.7em 0.88em;
|
|
border: 0.2em solid white;
|
|
border-right: 2.3em solid white;
|
|
background-color: white;
|
|
margin: 2em 0;
|
|
}
|
|
|
|
.warning:after, .emphasize:after, .validate:after, .messages:after {
|
|
display: block;
|
|
width: 1.15em;
|
|
right: -1.15em;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -0.5em;
|
|
margin-right: -0.27em;
|
|
font-size: 130%;
|
|
content: "\e033";
|
|
font-family: MarsIcons;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
line-height: 100%;
|
|
color: white;
|
|
}
|
|
|
|
.warning { color: #e53323; border-color: #e53323; }
|
|
.emphasize, .messages { color: #164193; border-color: #164193; }
|
|
.validate { color: #39a935; border-color: #39a935; }
|
|
|
|
.warning:after { content: "\e033"; }
|
|
.emphasize:after, .messages:after { content: "\e035"; }
|
|
.validate:after { content: "\e038"; } |