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