| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 1 | @use "colors"; |
| 2 | |
| Akron | 6db23ab | 2020-09-21 16:50:52 +0200 | [diff] [blame] | 3 | .banner { |
| 4 | position: fixed; |
| 5 | width: 10em; |
| 6 | height: 10em; |
| 7 | overflow: hidden; |
| 8 | margin: 0; |
| 9 | padding: 0; |
| 10 | right: 0px; |
| 11 | margin-right: -2.4em; |
| 12 | top: 0; |
| 13 | |
| 14 | &::after { |
| 15 | content:attr(data-note); |
| 16 | display: block; |
| 17 | overflow: hidden; |
| 18 | width: 12em; |
| 19 | font-size: 10pt; |
| 20 | font-weight: bold; |
| 21 | word-spacing: 2px; |
| 22 | text-decoration: none; |
| 23 | position: relative; |
| 24 | left: 2em; |
| 25 | top: -1.6em; |
| 26 | line-height: 2em; |
| 27 | text-align: center; |
| 28 | -moz-transform-origin: 0 0 ; |
| 29 | -moz-transform:rotate(45deg); |
| 30 | -webkit-transform-origin: 0 0 ; |
| 31 | -webkit-transform:rotate(45deg); |
| 32 | -ms-transform-origin: 0 0 ; |
| 33 | -ms-transform:rotate(45deg); |
| 34 | transform-origin: 0 0 ; |
| 35 | transform:rotate(45deg); |
| 36 | |
| Akron | 7636edf | 2025-11-04 12:44:53 +0100 | [diff] [blame] | 37 | background-color: colors.$light-orange; |
| 38 | color: colors.$dark-orange; |
| 39 | border: 1px solid colors.$dark-orange; |
| Akron | 6db23ab | 2020-09-21 16:50:52 +0200 | [diff] [blame] | 40 | } |
| 41 | } |