Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-01-27 01:18:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

minor adjustments for form alert

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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 */

14
alert.scss
View File

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

16
styles.css
View File

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