@import "_mixins", "_vars";

.log-msg {
    padding: $log-padding;
    margin: $log-margin;
}

@each $tuple in
    'ok' #aaffad #81e27d #459442,
    'warning' #f8ffa8 #d6d949 #94972f,
    'error' #ff7d79 #ee5649 #a5302a,
    'info' #b6d2ff #85b0ee #4865a5 {
    .log-msg-status-#{nth($tuple, 1)} {
        background: #{nth($tuple, 2)};
        border: $log-border solid #{nth($tuple, 3)};
        color: #{nth($tuple, 4)};
    }
}