diff --git a/alert.css b/alert.css new file mode 100644 index 0000000..8aa59dc --- /dev/null +++ b/alert.css @@ -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 */ diff --git a/alert.scss b/alert.scss index 43ead8c..a1d2def 100644 --- a/alert.scss +++ b/alert.scss @@ -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)}; } -} +} \ No newline at end of file diff --git a/styles.css b/styles.css index 2c1bc35..eebaa06 100644 --- a/styles.css +++ b/styles.css @@ -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; }