Flash/callouts more sublte now

This commit is contained in:
Christoph Haas 2018-05-29 16:49:47 +02:00
parent 5ff7de59f1
commit bb615378f2
2 changed files with 49 additions and 6 deletions

View file

@ -392,4 +392,50 @@ a.black
.menu .menu-text {
font-size: 2.5rem;
// Nicer callouts
// https://foundation.zurb.com/building-blocks/blocks/alert-callout-subtle.html
$alert-callout-subtle-border-left-width: rem-calc(5);
$alert-callout-subtle-radius: 0.6rem;
.alert-callout-subtle {
width: 100%;
background: $light-gray;
color: $dark-gray;
border: 0;
border-left: $alert-callout-subtle-border-left-width solid $dark-gray;
box-shadow: 0 5px 8px -6px rgba(0,0,0, 0.2);
&.success {
background: $light-gray;
color: $dark-gray;
border-left: $alert-callout-subtle-border-left-width solid $success-color;
}
&.alert {
background: $light-gray;
color: $dark-gray;
border-left: $alert-callout-subtle-border-left-width solid $alert-color;
}
&.warning {
background: $light-gray;
color: $dark-gray;
border-left: $alert-callout-subtle-border-left-width solid $warning-color;
}
&.primary {
background: $light-gray;
color: $dark-gray;
border-left: $alert-callout-subtle-border-left-width solid $primary-color;
}
.close-button {
font-size: 2rem;
@include vertical-center;
}
&.radius {
border-radius: $alert-callout-subtle-radius;
}
}

View file

@ -7,14 +7,11 @@
/ Workaround for Devise sometimes sending "true"
- next
- when 'notice'
.callout.warning data-closable=true
= fa_icon 'info-circle wobble'
.callout.warning.alert-callout-subtle.radius data-closable=true
strong< = msg
- when 'error'
.callout.alert data-closable=true
= fa_icon 'meh-o wobble'
.callout.alert.alert-callout-subtle.radius data-closable=true
strong< = msg
- else
.callout.primary data-closable=true
= fa_icon 'info-circle wobble'
.callout.primary.alert-callout-subtle.radius data-closable=true
strong< = msg