diff --git a/switch.css b/switch.css index 93dace6..b43bdbd 100644 --- a/switch.css +++ b/switch.css @@ -12,7 +12,7 @@ input.switch[type="checkbox"] + label { float: left; margin-right: 5px; transition: background-color 0.5s linear; - margin-top: 15px; + margin-bottom: 15px; } input.switch[type="checkbox"] + label:hover { cursor: pointer; diff --git a/switch.min.css b/switch.min.css index a1f0f39..dc5ea03 100644 --- a/switch.min.css +++ b/switch.min.css @@ -1 +1 @@ -input.switch[type=checkbox]{display:none}input.switch[type=checkbox]+label{width:60px;height:30px;border-radius:30px;border:2px solid #ddd;background-color:#eee;display:inline-block;content:"";float:left;margin-right:5px;transition:background-color .5s linear;margin-top:15px}input.switch[type=checkbox]+label:hover{cursor:pointer}input.switch[type=checkbox]+label::before{width:30px;height:30px;border-radius:30px;background-color:#fff;display:block;content:"";float:left;margin-right:5px;transition:margin .1s linear;box-shadow:0 0 5px #aaa}input.switch[type=checkbox]:checked+label{background-color:#2b8718}input.switch[type=checkbox]:checked+label::before{margin:0 0 0 30px} \ No newline at end of file +input.switch[type=checkbox]{display:none}input.switch[type=checkbox]+label{width:60px;height:30px;border-radius:30px;border:2px solid #ddd;background-color:#eee;display:inline-block;content:"";float:left;margin-right:5px;transition:background-color .5s linear;margin-bottom:15px}input.switch[type=checkbox]+label:hover{cursor:pointer}input.switch[type=checkbox]+label::before{width:30px;height:30px;border-radius:30px;background-color:#fff;display:block;content:"";float:left;margin-right:5px;transition:margin .1s linear;box-shadow:0 0 5px #aaa}input.switch[type=checkbox]:checked+label{background-color:#2b8718}input.switch[type=checkbox]:checked+label::before{margin:0 0 0 30px} \ No newline at end of file