Flash/callouts more sublte now
This commit is contained in:
parent
5ff7de59f1
commit
bb615378f2
2 changed files with 49 additions and 6 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue