Fixed design

This commit is contained in:
2022-06-15 02:21:37 +02:00
parent e4b758bb11
commit b6515aadf6
2 changed files with 6 additions and 14 deletions

View File

@@ -17,9 +17,9 @@ Releases: https://github.com/adamculpepper/toggle-switchy/releases
.toggle-switchy > input + .toggle:after {content:'OFF';}
.toggle-switchy > input + .toggle > .switch {background:#fff;}
.toggle-switchy > input + .toggle + .label {color:#000;}
.toggle-switchy > input:checked + .toggle {background:#3498db;}
.toggle-switchy > input:checked + .toggle {background:#00c24a;}
.toggle-switchy > input:not(:checked) + .toggle {background:#ccc;}
.toggle-switchy > input:checked + .toggle > .switch {border:3px solid #3498db;}
.toggle-switchy > input:checked + .toggle > .switch {border:3px solid #00c24a;}
.toggle-switchy > input:not(:checked) + .toggle > .switch {border:3px solid #ccc;}
.toggle-switchy > input:focus + .toggle,
.toggle-switchy > input:active + .toggle {box-shadow:0 0 5px 3px rgba(0, 119, 200, 0.50);}
@@ -149,7 +149,7 @@ CORE STYLES ABOVE - NO TOUCHY
/* Text: 1/2 */
.toggle-switchy[data-text='12'] > input + .toggle:before {content:'2';}
.toggle-switchy[data-text='12'] > input + .toggle:after {content:'1';}
.toggle-switchy[data-text='12'] > input:checked + .toggle {background:#3498db;}
.toggle-switchy[data-text='12'] > input:checked + .toggle > .switch {border-color:#3498db;}
.toggle-switchy[data-text='12'] > input:not(:checked) + .toggle > .switch {border-color:#3498db;}
.toggle-switchy[data-text='12'] > input:not(:checked) + .toggle {background:#3498db;}
.toggle-switchy[data-text='12'] > input:checked + .toggle {background:#00c24a;}
.toggle-switchy[data-text='12'] > input:checked + .toggle > .switch {border-color:#00c24a;}
.toggle-switchy[data-text='12'] > input:not(:checked) + .toggle > .switch {border-color:#00c24a;}
.toggle-switchy[data-text='12'] > input:not(:checked) + .toggle {background:#00c24a;}