| avm99963 | 698d376 | 2021-02-16 01:19:54 +0100 | [diff] [blame] | 1 | @keyframes TWPTAnnouncementDot { |
| 2 | from { |
| 3 | background-color: #d93025; |
| 4 | bottom: 8px; |
| 5 | } |
| 6 | |
| 7 | to { |
| 8 | background-color: #e2b3b0; |
| 9 | bottom: 0px; |
| 10 | } |
| 11 | } |
| 12 | |
| avm99963 | 15b23d7 | 2021-04-26 18:07:15 +0200 | [diff] [blame] | 13 | @keyframes TWPTAnnouncementDot-v2 { |
| 14 | from { |
| 15 | background-color: #d93025; |
| 16 | top: 4px; |
| 17 | } |
| 18 | |
| 19 | to { |
| 20 | background-color: #e2b3b0; |
| 21 | top: 12px; |
| 22 | } |
| 23 | } |
| 24 | |
| 25 | header .left-control .material-drawer-button.has-updates::after, |
| 26 | header .right-control material-button.has-updates::after { |
| avm99963 | 698d376 | 2021-02-16 01:19:54 +0100 | [diff] [blame] | 27 | height: 10px; |
| 28 | width: 10px; |
| avm99963 | 15b23d7 | 2021-04-26 18:07:15 +0200 | [diff] [blame] | 29 | } |
| 30 | |
| 31 | header .left-control .material-drawer-button.has-updates::after { |
| avm99963 | 698d376 | 2021-02-16 01:19:54 +0100 | [diff] [blame] | 32 | animation: .5s infinite alternate ease-in TWPTAnnouncementDot; |
| 33 | } |
| 34 | |
| avm99963 | 15b23d7 | 2021-04-26 18:07:15 +0200 | [diff] [blame] | 35 | header .right-control material-button.has-updates::after { |
| 36 | animation: .5s infinite alternate ease-in TWPTAnnouncementDot-v2; |
| 37 | } |
| 38 | |
| avm99963 | 698d376 | 2021-02-16 01:19:54 +0100 | [diff] [blame] | 39 | header .sash { |
| 40 | display: none; |
| 41 | } |