Streamlined system messages
This commit is contained in:
parent
1973224adb
commit
2b08cbfdfe
57 changed files with 864 additions and 937 deletions
|
@ -156,4 +156,36 @@
|
|||
@include hover-and-active-states($background-color, $color-white);
|
||||
}
|
||||
}
|
||||
|
||||
&--system-message {
|
||||
@include rounded-corners;
|
||||
|
||||
@include light-theme {
|
||||
$color: $color-ultramarine;
|
||||
$background-color: $color-gray-02;
|
||||
|
||||
color: $color;
|
||||
background: $background-color;
|
||||
|
||||
&:disabled {
|
||||
color: fade-out($color, 0.4);
|
||||
background: fade-out($background-color, 0.6);
|
||||
}
|
||||
@include hover-and-active-states($background-color, $color-black);
|
||||
}
|
||||
|
||||
@include dark-theme {
|
||||
$color: $color-white;
|
||||
$background-color: $color-gray-65;
|
||||
|
||||
color: $color;
|
||||
background: $background-color;
|
||||
|
||||
&:disabled {
|
||||
color: fade-out($color, 0.4);
|
||||
background: fade-out($background-color, 0.6);
|
||||
}
|
||||
@include hover-and-active-states($background-color, $color-white);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue