papercss/src/_alerts.scss
2017-12-18 23:23:30 +01:00

23 lines
460 B
SCSS

@import './colors.less';
@import './borders.less';
.alert{
.border;
padding: 15px;
margin-bottom: 20px;
width: 100%;
}
@mixin make-alert-color-classes($a: length($colors)) when ($a > 0)
{
@include make-alert-color-classes($a - 1);
$color: extract($colors, $a);
.alert-${color} {
border-color: $$color;
color: $$color;
background-color: #{"${${color}-light}"};
}
}
@include make-alert-color-classes();