34 lines
590 B
SCSS
34 lines
590 B
SCSS
@import "colors";
|
|
@import "constants";
|
|
|
|
.alert {
|
|
padding: 15px;
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.alert-danger {
|
|
background-color: $medium-red;
|
|
color: #FFFFFF;
|
|
|
|
a {
|
|
color: #FFFFFF;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
|
|
.alert-success {
|
|
background-color: $lighter-green;
|
|
border-color: $light-green;
|
|
color: $dark-green;
|
|
}
|
|
|
|
.alert-fixed {
|
|
position: fixed;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
max-width: 700px;
|
|
top: 10px;
|
|
border-radius: 10px;
|
|
// Ensure fixed flash messages are above `position: absolute` elements (like maps)
|
|
z-index: $alert-z-index;
|
|
}
|