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.
50 lines
927 B
50 lines
927 B
// Alerts |
|
|
|
.alert { |
|
font-weight: 500; |
|
padding: 0; |
|
// close |
|
&.alert-dismissible { |
|
.btn-close { |
|
padding: 1rem $alert-padding-x; |
|
background-color: transparent !important; |
|
box-shadow: none !important; |
|
} |
|
.alert-body { |
|
padding: $alert-padding-y ($alert-padding-x * 2) $alert-padding-y $alert-padding-x; |
|
} |
|
} |
|
.btn-close:focus { |
|
outline: 0; |
|
} |
|
|
|
.alert-link:hover { |
|
text-decoration: underline; |
|
} |
|
|
|
// For Alert Content |
|
p { |
|
font-weight: 500; |
|
padding: 2px 0; |
|
margin-bottom: 0; |
|
vertical-align: middle; |
|
} |
|
|
|
// For alert heading |
|
.alert-heading { |
|
font-weight: 600; |
|
font-size: $font-size-base; |
|
padding: $alert-padding-y $alert-padding-x; |
|
margin-bottom: 0; |
|
} |
|
.alert-body { |
|
padding: $alert-padding-y $alert-padding-x; |
|
} |
|
|
|
// For dark alert |
|
&.alert-dark { |
|
.alert-heading { |
|
@include alert-heading-bs($dark); |
|
} |
|
} |
|
}
|
|
|