mirror of
https://github.com/GuerillaStudio/now-playing
synced 2024-09-08 11:14:53 +00:00
43 lines
786 B
SCSS
43 lines
786 B
SCSS
|
/**
|
||
|
* Notification module
|
||
|
* Namespace : .notif
|
||
|
*/
|
||
|
|
||
|
/* ----------------------------------------------------------- */
|
||
|
/* == configuration */
|
||
|
/* ----------------------------------------------------------- */
|
||
|
|
||
|
$notif-success: #00d1b2;
|
||
|
$notif-warning: #ffdd57;
|
||
|
$notif-error: #ff3860;
|
||
|
$notif-info: $color-info;
|
||
|
|
||
|
/* ----------------------------------------------------------- */
|
||
|
/* == module */
|
||
|
/* ----------------------------------------------------------- */
|
||
|
|
||
|
.notif {
|
||
|
padding: 1em;
|
||
|
border-radius: 4px;
|
||
|
}
|
||
|
|
||
|
.notif--success {
|
||
|
background-color: $notif-success;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.notif--warning {
|
||
|
background-color: $notif-warning;
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
.notif--error {
|
||
|
background-color: $notif-error;
|
||
|
color: #fff;
|
||
|
}
|
||
|
|
||
|
.notif--info {
|
||
|
background-color: $notif-info;
|
||
|
color: #fff;
|
||
|
}
|