- commit
- f1751a6a8ac6f83dac64dfe6ec29506c074d0691
- parent
- da734abd80fccc801c03244eb1486adaab4313d1
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2020-03-30 20:07
clearer button styling
Diffstat
M | www/common.css | 18 | ++++++++++++++++-- |
1 files changed, 16 insertions, 2 deletions
diff --git a/www/common.css b/www/common.css
@@ -39,12 +39,26 @@ button:focus, 39 39 box-shadow: 0 0 0 .2rem rgba(38,143,255,.5); 40 40 } 41 41 button:active,42 -1 .btn:active,43 -1 .toggle :checked + .btn {-1 42 .btn:active { 44 43 border-color: #2b4d80; 45 44 background: #2b4d80; 46 45 } 47 46 -1 47 .toggle .btn::before { -1 48 content: ""; -1 49 display: inline-block; -1 50 vertical-align: text-top; -1 51 margin-right: 0.5em; -1 52 width: 1em; -1 53 height: 1em; -1 54 border-radius: 50%; -1 55 background-color: #ccc; -1 56 } -1 57 -1 58 .toggle :checked + .btn::before { -1 59 background-color: #c12; -1 60 } -1 61 48 62 .toggle input { 49 63 position: absolute; 50 64 clip-path: inset(50%);