diff options
author | Devaev Maxim <[email protected]> | 2018-11-19 06:39:18 +0300 |
---|---|---|
committer | Devaev Maxim <[email protected]> | 2018-11-19 06:39:18 +0300 |
commit | a9cf03582fe0c037d34be6309108950f1e7d8bad (patch) | |
tree | 2da7d719113b127a7be517bfc4173543ce566a67 /web/css/switches.css | |
parent | 948c88799f1a6e409161ee4974a6a1c54ed43666 (diff) |
refactoring
Diffstat (limited to 'web/css/switches.css')
-rw-r--r-- | web/css/switches.css | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/web/css/switches.css b/web/css/switches.css index 08e50033..603115c4 100644 --- a/web/css/switches.css +++ b/web/css/switches.css @@ -19,13 +19,13 @@ div.switch-box label.switch-label { border-radius: 15px; } -div.switch-box span.switch-inner { +div.switch-box label.switch-label span.switch-inner { display: block; width: 200%; margin-left: -100%; } -div.switch-box span.switch-inner:before, span.switch-inner:after { +div.switch-box label.switch-label span.switch-inner:before, span.switch-inner:after { display: block; float: left; width: 50%; @@ -38,7 +38,7 @@ div.switch-box span.switch-inner:before, span.switch-inner:after { box-sizing: border-box; } -div.switch-box span.switch-inner:before { +div.switch-box label.switch-label span.switch-inner:before { content: "ON"; padding-left: 5px; background-color: var(--bg-color-gray); @@ -46,7 +46,7 @@ div.switch-box span.switch-inner:before { text-align: left; } -div.switch-box span.switch-inner:after { +div.switch-box label.switch-label span.switch-inner:after { content: "OFF"; padding-right: 5px; background-color: var(--bg-color-gray); @@ -54,7 +54,7 @@ div.switch-box span.switch-inner:after { text-align: right; } -div.switch-box span.switch { +div.switch-box label.switch-label span.switch { display: block; width: 15px; margin: 0px; |