Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
79 righe
1.4 KiB
79 righe
1.4 KiB
// |
|
// Alerts |
|
// -------------------------------------------------- |
|
|
|
|
|
// Base styles |
|
// ------------------------- |
|
|
|
.alert { |
|
padding: 8px 35px 8px 14px; |
|
margin-bottom: $baseLineHeight; |
|
text-shadow: 0 1px 0 rgba(255,255,255,.5); |
|
background-color: $warningBackground; |
|
border: 1px solid $warningBorder; |
|
@include border-radius($baseBorderRadius); |
|
} |
|
.alert, |
|
.alert h4 { |
|
// Specified for the h4 to prevent conflicts of changing $headingsColor |
|
color: $warningText; |
|
} |
|
.alert h4 { |
|
margin: 0; |
|
} |
|
|
|
// Adjust close link position |
|
.alert .close { |
|
position: relative; |
|
top: -2px; |
|
right: -21px; |
|
line-height: $baseLineHeight; |
|
} |
|
|
|
|
|
// Alternate styles |
|
// ------------------------- |
|
|
|
.alert-success { |
|
background-color: $successBackground!important; |
|
border-color: $successBorder!important; |
|
color: $successText!important; |
|
} |
|
.alert-success h4 { |
|
color: $successText; |
|
} |
|
.alert-danger, |
|
.alert-error { |
|
background-color: $errorBackground; |
|
border-color: $errorBorder; |
|
color: $errorText; |
|
} |
|
.alert-danger h4, |
|
.alert-error h4 { |
|
color: $errorText; |
|
} |
|
.alert-info { |
|
background-color: $infoBackground!important; |
|
border-color: $infoBorder!important; |
|
color: $infoText!important; |
|
} |
|
.alert-info h4 { |
|
color: $infoText; |
|
} |
|
|
|
|
|
// Block alerts |
|
// ------------------------- |
|
|
|
.alert-block { |
|
padding-top: 14px; |
|
padding-bottom: 14px; |
|
} |
|
.alert-block > p, |
|
.alert-block > ul { |
|
margin-bottom: 0; |
|
} |
|
.alert-block p + p { |
|
margin-top: 5px; |
|
}
|
|
|