@import "var";
|
|
|
|
.alert{
|
|
padding: .6em 1.5em;
|
|
margin-bottom: 10px;
|
|
i{
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
|
|
.alert-radius{
|
|
border-radius: .25em;
|
|
}
|
|
|
|
.alert-red{
|
|
color: @alertRedColor;
|
|
border: 1px solid darken(@alertRedColor,10%);
|
|
background-color: lighten(@alertRedColor,40%);
|
|
}
|
|
|
|
.alert-blue{
|
|
color: @alertBlueColor;
|
|
border: 1px solid darken(@alertBlueColor,10%);
|
|
background-color: lighten(@alertBlueColor,45%);
|
|
}
|
|
|
|
.alert-green{
|
|
color: @alertGreenColor;
|
|
border: 1px solid darken(@alertGreenColor,10%);
|
|
background-color: lighten(@alertGreenColor,45%);
|
|
}
|
|
|
|
.alert-gray{
|
|
color: @alertGrayColor;
|
|
border: 1px solid darken(@alertGrayColor,10%);
|
|
background-color: lighten(@alertGrayColor,35%);
|
|
}
|
|
|
|
.alert-orange{
|
|
color: @alertOrangeColor;
|
|
border: 1px solid darken(@alertOrangeColor,10%);
|
|
background-color: lighten(@alertOrangeColor,45%);
|
|
}
|
|
|
|
|
|
|
|
|