Files: 6bf1d61b158ce574e9cc6736605236ab1895c14f / styles / toggle-button.mcss
834 bytesRaw
| 1 | ToggleButton { |
| 2 | font-size: 90%; |
| 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 | -disabled { |
| 27 | cursor: default |
| 28 | opacity: 0.4 !important |
| 29 | text-decoration: none !important |
| 30 | } |
| 31 | |
| 32 | :hover { |
| 33 | opacity: 1 |
| 34 | text-decoration: none |
| 35 | } |
| 36 | |
| 37 | @svg subscribed { |
| 38 | width: 20px |
| 39 | height: 12px |
| 40 | content: "<circle cx='6' stroke='#FFF' fill='none' cy='6' r='5' /> <circle cx='6' cy='6' r='3' fill='#FFF'/>" |
| 41 | } |
| 42 | } |
| 43 |
Built with git-ssb-web