improve button and add message level 'warning'

This commit is contained in:
2017-08-19 21:44:51 +02:00
parent 10b67b5a5f
commit 2d0d45e01a
6 changed files with 120 additions and 84 deletions

View File

@@ -0,0 +1,14 @@
.flash_message {
margin-top: 2.5em;
}
// note that other level are defined in modules/_alerts.scss
.alert {
// override in modules/_alerts.scss
@include alert($red);
}
.warning {
@include alert($orange);
}

View File

@@ -11,60 +11,11 @@
@include button($orange, $white);
}
&.bt-show {
&.bt-show, &.bt-view {
@include button($blue, $white);
}
&.bt-create::before,
&.bt-save::before,
&.bt-new::before,
&.bt-delete::before,
&.bt-update::before,
&.bt-edit::before,
&.bt-cancel::before,
&.bt-show::before {
font: normal normal normal 14px/1 FontAwesome;
margin-right: 0.5em;
}
&.bt-save::before {
// add a floppy
content: "";
}
&.bt-create::before, &.bt-new::before {
// add a plus
content: "";
}
&.bt-delete::before {
// add a trash
content: "";
}
&.bt-edit::before, &.bt-update::before {
// add a pencil
content: "";
}
&.bt-cancel::before {
// add an arrow left
content: "";
}
&.bt-show::before {
content: "";
}
> i.fa {
margin-right: 0.5em;
}
&.has-hidden,
&.no-content {
> i.fa {
margin-right: 0;
}
&:not(.change-icon) {
&.bt-create::before,
&.bt-save::before,
@@ -73,9 +24,64 @@
&.bt-update::before,
&.bt-edit::before,
&.bt-cancel::before,
&.bt-view::before,
&.bt-show::before {
font: normal normal normal 14px/1 FontAwesome;
margin-right: 0.5em;
}
&.bt-save::before {
// add a floppy
content: "";
}
&.bt-create::before, &.bt-new::before {
// add a plus
content: "";
}
&.bt-delete::before {
// add a trash
content: "";
}
&.bt-edit::before, &.bt-update::before {
// add a pencil
content: "";
}
&.bt-cancel::before {
// add an arrow left
content: "";
}
&.bt-show::before, &.bt-view::before {
content: "";
}
}
> i.fa {
margin-right: 0.5em;
}
&.has-hidden,
&:empty {
> i.fa {
margin-right: 0;
}
&:not(.change-icon) {
&.bt-create::before,
&.bt-save::before,
&.bt-new::before,
&.bt-delete::before,
&.bt-update::before,
&.bt-edit::before,
&.bt-cancel::before,
&.bt-view::before,
&.bt-show::before {
margin-right: 0;
}
}
}
&.has-hidden > span.show-on-hover {
@@ -92,15 +98,18 @@
margin-right: 0.5em;
}
&.bt-create::before,
&.bt-save::before,
&.bt-new::before,
&.bt-delete::before,
&.bt-update::before,
&.bt-edit::before,
&.bt-cancel::before,
&.bt-show::before {
margin-right: 0.5em;
&:not(.change-icon) {
&.bt-create::before,
&.bt-save::before,
&.bt-new::before,
&.bt-delete::before,
&.bt-update::before,
&.bt-edit::before,
&.bt-cancel::before,
&.bt-view::before,
&.bt-show::before {
margin-right: 0.5em;
}
}
}