Files: e4249874689b314078266a74aed30d8d3960e8db / 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