Files: 92da6bade76258ec689b2cc1babe451d06a8279b / styles / toggle-button.mcss
704 bytesRaw
| 1 | ToggleButton { |
| 2 | font-size: 80%; |
| 3 | background: rgb(112, 112, 112); |
| 4 | border: 2px solid #313131; |
| 5 | transition: opacity 0.2s; |
| 6 | opacity: 0.6; |
| 7 | padding: 6px 12px; |
| 8 | color: white; |
| 9 | border-radius: 4px; |
| 10 | font-weight: bold; |
| 11 | text-decoration: none; |
| 12 | display: block; |
| 13 | |
| 14 | -subscribe { |
| 15 | background-color: rgb(88, 171, 204); |
| 16 | border-color: #20699c; |
| 17 | } |
| 18 | |
| 19 | -unsubscribe { |
| 20 | background-repeat: no-repeat |
| 21 | background-position: right |
| 22 | background-image: svg(subscribed) |
| 23 | padding-right: 25px |
| 24 | } |
| 25 | |
| 26 | :hover { |
| 27 | opacity: 1 |
| 28 | } |
| 29 | |
| 30 | @svg subscribed { |
| 31 | width: 20px |
| 32 | height: 12px |
| 33 | content: "<circle cx='6' stroke='#FFF' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#FFF'/>" |
| 34 | } |
| 35 | } |
| 36 |
Built with git-ssb-web