45 lines
960 B
SCSS
45 lines
960 B
SCSS
/*********************
|
|
* App Notifications *
|
|
*********************/
|
|
.app-notification,
|
|
.app-notification.frame {
|
|
@extend %osd;
|
|
|
|
padding: 10px;
|
|
border-radius: 0 0 5px 5px;
|
|
background-color: $osd_bg_color;
|
|
background-image: linear-gradient(to bottom, transparentize(black, 0.8),
|
|
transparent 2px);
|
|
background-clip: padding-box;
|
|
|
|
&:backdrop {
|
|
background-image: none;
|
|
transition: $backdrop_transition;
|
|
}
|
|
|
|
button { @extend %osd_button; }
|
|
|
|
border { border: none; }
|
|
}
|
|
|
|
toast {
|
|
|
|
padding: 5px;
|
|
background-color: lighten($base_color, 7%);
|
|
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
|
|
color: $fg_color;
|
|
border-radius: 5px;
|
|
|
|
&:backdrop {
|
|
background-image: none;
|
|
transition: $backdrop_transition;
|
|
}
|
|
|
|
button { padding: 2px; }
|
|
|
|
//close button
|
|
button.circular.flat.image-button {
|
|
padding: 2px;
|
|
&:hover { @include button(hover, $red, $selected_fg_color); }
|
|
}
|
|
} |