2022-04-23 11:39:07 -07:00
|
|
|
@use 'vars' as *;
|
|
|
|
|
@use 'sass:color';
|
|
|
|
|
|
2022-04-23 16:25:16 -07:00
|
|
|
@mixin msg($color) {
|
|
|
|
|
background-color: color.scale($color, $lightness: 70%);
|
|
|
|
|
border: 1px solid $color;
|
2022-04-23 11:39:07 -07:00
|
|
|
|
|
|
|
|
padding: 10px;
|
|
|
|
|
width: 60%;
|
|
|
|
|
margin: 10px auto;
|
2022-04-23 16:25:16 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.success { @include msg($c-green); }
|
|
|
|
|
.warning { @include msg($c-yellow); }
|
|
|
|
|
.error { @include msg($c-red); }
|
