spaCy/website/assets/css/_components/_alerts.sass
2016-09-30 20:29:03 +02:00

36 lines
941 B
Sass

// Variables
// ============================================================================
$alert-background : color(white)
$alert-border : 2px solid
$alert-close-size : 2.25rem
$alert-color : color($theme)
$alert-padding : 1.5rem 2rem
$alert-shadow : 0 0 10px rgba(color(black), 0.25)
// Style
// ============================================================================
// Alert boxes
// .alert - alert container
// .alert-close - icon to close alert
.alert
@include position(fixed, bottom, left, 0, 0)
align-items: center
background: $alert-background
border-top: $alert-border
box-shadow: $alert-shadow
color: $alert-color
display: flex
justify-content: space-between
padding: $alert-padding
width: 100%
z-index: 200
.alert-close
@include icon(close, currentColor, 0, $alert-close-size)
background: transparent
color: $alert-color