Files: 6791a012f6f25d8aeb64cae36c5f8ff3b21e9132 / app / html / settings / friend-pub.mcss
645 bytesRaw
| 1 | FriendPub { |
| 2 | display: grid |
| 3 | grid-gap: 1rem |
| 4 | |
| 5 | div.description {} |
| 6 | |
| 7 | --range-options: 4 |
| 8 | --cols: calc(2 * var(--range-options)) |
| 9 | |
| 10 | div.slider { |
| 11 | display: grid |
| 12 | grid-template-columns: repeat(var(--cols), 1fr) |
| 13 | |
| 14 | datalist { |
| 15 | grid-row: 1 |
| 16 | grid-column: 1 / calc(var(--cols) + 1) |
| 17 | |
| 18 | display: grid |
| 19 | grid-template-columns: 1fr 1fr 1fr 1fr |
| 20 | justify-items: center |
| 21 | } |
| 22 | |
| 23 | input[type=range] { |
| 24 | grid-row: 2 |
| 25 | grid-column: 2 / var(--cols) |
| 26 | |
| 27 | margin-left: 0 |
| 28 | } |
| 29 | } |
| 30 | |
| 31 | div.alert { |
| 32 | padding: .5rem |
| 33 | background: #fdbdfd |
| 34 | } |
| 35 | |
| 36 | div.Pubs { |
| 37 | div.description { |
| 38 | margin-bottom: .5rem |
| 39 | |
| 40 | } |
| 41 | } |
| 42 | } |
| 43 |
Built with git-ssb-web