diff options
improve form-switch
1 files changed, 6 insertions, 6 deletions
| -rw-r--r-- | dist/spectre.css | 12 |
diff --git a/dist/spectre.css b/dist/spectre.css index 685d172..32f27e2 100644 --- a/dist/spectre.css +++ b/dist/spectre.css @@ -887,34 +887,34 @@ textarea.form-input { border: .1rem solid #c5c5c5; border-radius: .9rem; display: inline-block; - height: 1.8rem; + height: 1.6rem; left: 0; line-height: 2.4rem; outline: none; padding: 0; position: absolute; - top: .3rem; + top: .4rem; vertical-align: top; - width: 3rem; + width: 2.6rem; } .form-switch .form-icon::after { background: #fff; border-radius: .8rem; content: ""; display: block; - height: 1.6rem; + height: 1.4rem; left: 0; position: absolute; top: 0; transition: left .15s ease; - width: 1.6rem; + width: 1.4rem; } .form-switch input:checked + .form-icon { background: #5764c6; border-color: #5764c6; } .form-switch input:checked + .form-icon::after { - left: 1.2rem; + left: 1rem; } .input-group { display: flex; |