You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
1.9 KiB
75 lines
1.9 KiB
// Variables
|
|
//------------------------------------------------------
|
|
$alert-primary: $aqua-light !default;
|
|
$alert-success: $grass-light !default;
|
|
$alert-danger: $grapefruit-light !default;
|
|
$alert-warning: $sunflower-light !default;
|
|
|
|
$alert-close-color: $black !default;
|
|
|
|
$alert-link-color: $mediumgray-light !default;
|
|
|
|
|
|
// Exports
|
|
//------------------------------------------------------
|
|
|
|
@include exports("alert") {
|
|
|
|
/**
|
|
* alert
|
|
* --------------------------------------------------
|
|
*/
|
|
.alert {
|
|
|
|
& h4 {
|
|
margin-bottom: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
&-dismissable .close {
|
|
color: $alert-close-color;
|
|
}
|
|
|
|
@at-root &-info {
|
|
background-color: lighten($alert-primary, 10%);
|
|
border: $alert-primary;
|
|
}
|
|
@at-root &-warning {
|
|
background-color: lighten($alert-warning, 10%);
|
|
border: $alert-warning;
|
|
}
|
|
@at-root &-danger {
|
|
background-color: lighten($alert-danger, 10%);
|
|
border: $alert-danger;
|
|
}
|
|
@at-root &-success {
|
|
background-color: lighten($alert-success, 10%);
|
|
border: $alert-success;
|
|
}
|
|
|
|
@at-root & &-link {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
@include opacity($opacity: 65, $filter: true);
|
|
&:hover,
|
|
&:focus {
|
|
@include opacity($opacity: 45, $filter: true);
|
|
}
|
|
}
|
|
|
|
@at-root & .btn-link,
|
|
& .btn-link:hover,
|
|
& .btn-link:focus {
|
|
color: $alert-close-color;
|
|
@include opacity($opacity: 65, $filter: true);
|
|
}
|
|
@at-root & .btn-link:focus,
|
|
& .btn-link:hover {
|
|
text-decoration: none;
|
|
@include opacity($opacity: 40, $filter: true);
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|