formstone
Version:
Library of modular front end components.
2 lines • 2.94 kB
CSS
/*! formstone v1.4.7 [checkbox.css] 2018-05-22 | GPL-3.0 License | formstone.it */
.fs-checkbox-label.fs-light{color:#263238;font-size:14px;line-height:20px}.fs-checkbox.fs-light .fs-checkbox-marker{width:20px;height:20px;background:#fff;border:1px solid #546e7a;border-radius:2px;margin:0 10px 0 0}.fs-checkbox.fs-light .fs-checkbox-flag:before{width:5px;height:10px;border:2px solid #546e7a;border-top:0;border-left:0;margin:3px 0 0 6px}.fs-light.fs-checkbox-radio .fs-checkbox-marker{border-radius:100%}.fs-light.fs-checkbox-radio .fs-checkbox-flag{width:10px;height:10px;background:#546e7a}.fs-checkbox-label.fs-light.fs-checkbox-focus,.no-touchevents .fs-checkbox-label.fs-light:hover{color:#141a1e}.fs-light.fs-checkbox-focus .fs-checkbox-marker,.no-touchevents .fs-light:hover .fs-checkbox-marker{background:#cfd8dc;border-color:#263238}.fs-light.fs-checkbox-focus .fs-checkbox-flag:before,.no-touchevents .fs-light:hover .fs-checkbox-flag:before{border-color:#263238}.fs-light.fs-checkbox-radio.fs-checkbox-focus .fs-checkbox-flag,.no-touchevents .fs-light.fs-checkbox-radio:hover .fs-checkbox-flag{background:#263238}.fs-light.fs-checkbox-disabled{opacity:.5}.fs-checkbox-label.fs-light.fs-checkbox-disabled,.no-touchevents .fs-checkbox-label.fs-light.fs-checkbox-disabled:hover{color:#263238}.fs-light.fs-checkbox-disabled .fs-checkbox-marker,.no-touchevents .fs-light.fs-checkbox-disabled:hover .fs-checkbox-marker{background:#fff;border-color:#546e7a}.fs-light.fs-checkbox-disabled .fs-checkbox-flag:before,.no-touchevents .fs-light.fs-checkbox-disabled:hover .fs-checkbox-flag:before{border-color:#546e7a}.fs-light.fs-checkbox-radio.fs-checkbox-disabled .fs-checkbox-flag,.no-touchevents .fs-light.fs-checkbox-radio.fs-checkbox-disabled:hover .fs-checkbox-flag{background:#546e7a}.fs-checkbox-label.fs-light.fs-checkbox-toggle{line-height:40px}.fs-light.fs-checkbox-toggle .fs-checkbox-marker{width:100px;height:40px;border-radius:2px}.fs-light.fs-checkbox-toggle .fs-checkbox-flag{background:#546e7a;border:2px solid #fff;border-radius:4px}.fs-light.fs-checkbox-toggle .fs-checkbox-flag:before{display:none}.fs-light.fs-checkbox-toggle .fs-checkbox-flag:after{width:2px;height:10px;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-box-shadow:3px 0 0 #fff,-3px 0 0 #fff;box-shadow:3px 0 0 #fff,-3px 0 0 #fff;content:'';margin:auto}.no-touchevents .fs-light.fs-checkbox-toggle:hover .fs-checkbox-flag:after{opacity:1}.fs-light.fs-checkbox-toggle .fs-checkbox-state{color:#455a64;font-size:12px;line-height:40px;text-transform:uppercase}.fs-light.fs-checkbox-toggle.fs-checkbox-focus .fs-checkbox-flag,.no-touchevents .fs-light.fs-checkbox-toggle:hover .fs-checkbox-flag{background:#263238;border-color:#cfd8dc}.fs-light.fs-checkbox-toggle.fs-checkbox-disabled .fs-checkbox-flag,.no-touchevents .fs-light.fs-checkbox-toggle.fs-checkbox-disabled:hover .fs-checkbox-flag{background:#546e7a;border-color:#fff}