From 4d318e07664e2ba7571fa26273be2a404b61de9e Mon Sep 17 00:00:00 2001 From: Adam Culpepper Date: Thu, 20 Aug 2020 17:54:36 -0500 Subject: [PATCH] fixing a toggle alignment issues that is present on non-bootstrap websites --- docs/index.html | 2 +- toggle-switchy.css | 13 +++++++++---- 2 files changed, 10 insertions(+), 5 deletions(-) diff --git a/docs/index.html b/docs/index.html index 849ed42..ad4ba28 100644 --- a/docs/index.html +++ b/docs/index.html @@ -32,7 +32,7 @@
-

Toggle Switchyv1.13

+

Toggle Switchyv1.14

A pure CSS toggle switch for form input checkboxes

diff --git a/toggle-switchy.css b/toggle-switchy.css index dd6ac4a..e662724 100644 --- a/toggle-switchy.css +++ b/toggle-switchy.css @@ -1,7 +1,12 @@ /* -Toggle Switchy v1.13 -by Adam Culpepper | @adamculpepper -https://toggleswitchy.com +Project: Toggle Switchy +Version: 1.14 +Updated: 8/20/2020 +Author: Adam Culpepper | @adamculpepper +Website: https://toggleswitchy.com +Docs: https://github.com/adamculpepper/toggle-switchy +Issues: https://github.com/adamculpepper/toggle-switchy/issues +Releases: https://github.com/adamculpepper/toggle-switchy/releases */ /* Customizable styles */ @@ -34,7 +39,7 @@ CORE STYLES BELOW - NO TOUCHY .toggle-switchy > input[disabled] + .toggle {opacity:0.5;} .toggle-switchy > input[disabled] + .toggle:hover {cursor:not-allowed;} .toggle-switchy > input + .toggle {width:100%; height:100%; margin:0; cursor:pointer;} -.toggle-switchy > input + .toggle > .switch {display:block; height:100%; position:absolute; right:0; z-index:3;} +.toggle-switchy > input + .toggle > .switch {display:block; height:100%; position:absolute; right:0; z-index:3; box-sizing:border-box;} /* Labels */ .toggle-switchy > input + .toggle:before,