@import 'colors'; @import 'constants'; .alert { padding: 15px; border: 1px solid transparent; } .alert-danger { background-color: $medium-red; color: #ffffff; a { color: #ffffff; } } .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; }