chaas/debshots
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Flash/callouts more sublte now

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

46
app/assets/stylesheets/customisations.scss
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;
}
}