ensl.org/app/assets/stylesheets/mixins/_flashes.scss
Luke Barratt 01d83fd95c Updates to matches page
Tweaked layout for contest page
Various styling updates
2014-04-21 19:19:03 +01:00

45 lines
836 B
SCSS

/*
Flash Messages
*/
@mixin flash($background: $flash-notice, $text: $flash-text) {
background-color: $background;
color: $text;
font-size: em(16);
line-height: em(16);
padding: em(14) em(14) em(14) em(54);
position: relative;
&:before {
@include box-sizing(border-box);
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
content: "\f05a";
background-color: darken($background, 10%);
display: block;
position: absolute;
top: 0;
left: 0;
float: left;
width: em(44);
height: 100%;
padding: em(9);
line-height: em(26);
text-align: center;
}
}
/*
Text Highlights
*/
.highlight {
font-size: em(14);
border-radius: em(3);
background: $blue;
color: white;
display: inline-block;
font-style: italic;
padding: 0 em(6);
}