| 1 | /********************* |
| 2 | * App Notifications * |
| 3 | *********************/ |
| 4 | .app-notification, |
| 5 | .app-notification.frame { |
| 6 | @extend %osd; |
| 7 | |
| 8 | padding: 10px; |
| 9 | border-radius: 0 0 5px 5px; |
| 10 | background-color: $osd_bg_color; |
| 11 | background-image: linear-gradient(to bottom, transparentize(black, 0.8), |
| 12 | transparent 2px); |
| 13 | background-clip: padding-box; |
| 14 | |
| 15 | &:backdrop { |
| 16 | background-image: none; |
| 17 | transition: $backdrop_transition; |
| 18 | } |
| 19 | |
| 20 | button { @extend %osd_button; } |
| 21 | |
| 22 | border { border: none; } |
| 23 | } |
| 24 | |
| 25 | toast { |
| 26 | |
| 27 | padding: 5px; |
| 28 | background-color: lighten($base_color, 7%); |
| 29 | box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4); |
| 30 | color: $fg_color; |
| 31 | |
| 32 | &:backdrop { |
| 33 | background-image: none; |
| 34 | transition: $backdrop_transition; |
| 35 | } |
| 36 | |
| 37 | button { padding: 2px; } |
| 38 | |
| 39 | //close button |
| 40 | button.circular.flat.image-button { |
| 41 | padding: 2px; |
| 42 | &:hover { @include button(hover, $red, $selected_fg_color); } |
| 43 | } |
| 44 | } |