Files: 66eb3aded58d22467d641cb52da1353212e8219a / 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