From b6515aadf635aee27192c6a4b615e012cb40b726 Mon Sep 17 00:00:00 2001 From: Lino Schmidt Date: Wed, 15 Jun 2022 02:21:37 +0200 Subject: [PATCH] Fixed design --- src/index.css | 8 -------- src/toggle-switchy.css | 12 ++++++------ 2 files changed, 6 insertions(+), 14 deletions(-) diff --git a/src/index.css b/src/index.css index 13c2e9a..4a95a32 100644 --- a/src/index.css +++ b/src/index.css @@ -1,11 +1,3 @@ -body { - margin: 0; - padding: 0; - background-color: #172336; - color: white; - font-family: sans-serif; -} - .dataDiv { display: flex; } diff --git a/src/toggle-switchy.css b/src/toggle-switchy.css index 84bfdd9..b5b853d 100644 --- a/src/toggle-switchy.css +++ b/src/toggle-switchy.css @@ -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;} \ No newline at end of file +.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;} \ No newline at end of file