minor adjustments for form alert

This commit is contained in:
Dennis Eichhorn 2018-02-14 18:43:39 +01:00
parent 4b18380266
commit 873634419a
3 changed files with 37 additions and 18 deletions

25
alert.css Normal file
View File

@ -0,0 +1,25 @@
.log-msg {
padding: 5px;
margin: 5px; }
.log-msg-status-ok {
background: #aaffad;
border: 2px solid #81e27d;
color: #459442; }
.log-msg-status-warning {
background: #f8ffa8;
border: 2px solid #d6d949;
color: #94972f; }
.log-msg-status-error {
background: #ff7d79;
border: 2px solid #ee5649;
color: #a5302a; }
.log-msg-status-info {
background: #b6d2ff;
border: 2px solid #85b0ee;
color: #4865a5; }
/*# sourceMappingURL=alert.css.map */

View File

@ -1,10 +1,6 @@
div.alert { .log-msg {
padding: 10px; padding: 5px;
font-weight: bold; margin: 5px;
i {
margin-right: 5px;
}
} }
@each $tuple in @each $tuple in
@ -12,9 +8,9 @@ div.alert {
'warning' #f8ffa8 #d6d949 #94972f, 'warning' #f8ffa8 #d6d949 #94972f,
'error' #ff7d79 #ee5649 #a5302a, 'error' #ff7d79 #ee5649 #a5302a,
'info' #b6d2ff #85b0ee #4865a5 { 'info' #b6d2ff #85b0ee #4865a5 {
.alertbox.#{nth($tuple, 1)}, .alert.#{nth($tuple, 1)} { .log-msg-status-#{nth($tuple, 1)} {
background: #{nth($tuple, 2)}; background: #{nth($tuple, 2)};
border: 2px solid #{nth($tuple, 3)}; border: 2px solid #{nth($tuple, 3)};
color: #{nth($tuple, 4)}; color: #{nth($tuple, 4)};
} }
} }

View File

@ -3864,28 +3864,26 @@ select.plain {
border-right: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7;
padding: 10px; } padding: 10px; }
div.alert { .log-msg {
padding: 10px; padding: 5px;
font-weight: bold; } margin: 5px; }
div.alert i {
margin-right: 5px; }
.alertbox.ok, .alert.ok { .log-msg-status-ok {
background: #aaffad; background: #aaffad;
border: 2px solid #81e27d; border: 2px solid #81e27d;
color: #459442; } color: #459442; }
.alertbox.warning, .alert.warning { .log-msg-status-warning {
background: #f8ffa8; background: #f8ffa8;
border: 2px solid #d6d949; border: 2px solid #d6d949;
color: #94972f; } color: #94972f; }
.alertbox.error, .alert.error { .log-msg-status-error {
background: #ff7d79; background: #ff7d79;
border: 2px solid #ee5649; border: 2px solid #ee5649;
color: #a5302a; } color: #a5302a; }
.alertbox.info, .alert.info { .log-msg-status-info {
background: #b6d2ff; background: #b6d2ff;
border: 2px solid #85b0ee; border: 2px solid #85b0ee;
color: #4865a5; } color: #4865a5; }