60 lines
1.0 KiB
SCSS
60 lines
1.0 KiB
SCSS
.alert {
|
|
color: #fff;
|
|
border: none;
|
|
padding: 15px 20px;
|
|
.alert-title {
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
margin-bottom: 5px;
|
|
}
|
|
code {
|
|
background-color: #fff;
|
|
border-radius: 3px;
|
|
padding: 1px 4px;
|
|
}
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
&.alert-has-icon {
|
|
display: flex;
|
|
.alert-icon {
|
|
margin-top: 4px;
|
|
width: 30px;
|
|
.ion, .fas, .far, .fab, .fal {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
.alert-body {
|
|
flex: 1;
|
|
}
|
|
}
|
|
&:not(.alert-light) a {
|
|
color: #fff;
|
|
}
|
|
&.alert-primary {
|
|
background-color: color(primary);
|
|
}
|
|
&.alert-secondary {
|
|
background-color: color(secondary);
|
|
}
|
|
&.alert-success {
|
|
background-color: color(success);
|
|
}
|
|
&.alert-info {
|
|
background-color: color(info);
|
|
}
|
|
&.alert-warning {
|
|
background-color: color(warning);
|
|
}
|
|
&.alert-danger {
|
|
background-color: color(danger);
|
|
}
|
|
&.alert-light {
|
|
background-color: color(light);
|
|
color: color(dark);
|
|
}
|
|
&.alert-dark {
|
|
background-color: color(dark);
|
|
}
|
|
}
|