Sha256: 49cb1dea604d602df645a3c9f22c85289f2913c4c0f7d64a79c2da366ec2beb2
Contents?: true
Size: 1.85 KB
Versions: 20
Compression:
Stored size: 1.85 KB
Contents
// 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);
}
}
}
Version data entries
20 entries across 20 versions & 2 rubygems