wishthis/semantic/dist/components/checkbox.min.css

9 lines
13 KiB
CSS
Raw Normal View History

2022-04-12 11:05:16 +00:00
/*!
2023-12-19 14:45:49 +00:00
* # Fomantic-UI 2.9.3 - Checkbox
2023-08-17 09:47:40 +00:00
* https://github.com/fomantic/Fomantic-UI/
2022-04-12 11:05:16 +00:00
*
*
* Released under the MIT license
2023-08-17 09:47:40 +00:00
* https://opensource.org/licenses/MIT
2022-04-12 11:05:16 +00:00
*
2023-08-17 09:47:40 +00:00
*/.ui.checkbox{position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1em;line-height:17px;min-width:17px}.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0;z-index:3;width:17px;height:17px}.ui.checkbox label{cursor:auto;position:relative;display:block;padding-left:1.85714em;outline:0;font-size:1em}.ui.checkbox label::before{position:absolute;top:0;left:0;width:17px;height:17px;content:"";background:#fff;border-radius:.21428571rem;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;border:1px solid #d4d4d5}.ui.checkbox label::after{position:absolute;font-size:14px;top:0;left:0;width:17px;height:17px;text-align:center;opacity:0;color:rgba(0,0,0,.87);transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease}.ui.right.aligned.checkbox label{padding-left:0;padding-right:1.85714em}.ui.right.aligned.checkbox label::after,.ui.right.aligned.checkbox label::before{right:0;left:auto}.ui.checkbox label,.ui.checkbox+label{color:rgba(0,0,0,.87);transition:color .1s ease}.ui.checkbox+label{vertical-align:middle}.ui.checkbox label:hover::before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:rgba(0,0,0,.8)}.ui.checkbox label:active::before{background:#f9fafb;border-color:rgba(34,36,38,.35)}.ui.checkbox label:active::after{color:rgba(0,0,0,.95)}.ui.checkbox input:active~label{color:rgba(0,0,0,.95)}.ui.checkbox input:focus~label::before{background:#fff;border-color:#835dd4}.ui.checkbox input:focus~label::after{color:rgba(0,0,0,.95)}.ui.checkbox input:focus~label{color:rgba(0,0,0,.95)}.ui.checkbox input:checked~label::before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox input:checked~label::after{opacity:1;color:rgba(0,0,0,.95)}.ui.checkbox input:not([type=radio]):indeterminate~label::before{background:#fff;border-color:rgba(34,36,38,.35)}.ui.checkbox input:not([type=radio]):indeterminate~label::after{opacity:1;color:rgba(0,0,0,.95)}.ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate~label::before{background:rgba(0,0,0,.15)}.ui.indeterminate.toggle.checkbox input:not([type=radio])~label::after{left:1.075rem}.ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio])~label::after{left:auto;right:1.075rem}.ui.checkbox input:checked:focus~label::before,.ui.checkbox input:not([type=radio]):indeterminate:focus~label::before{background:#fff;border-color:#835dd4}.ui.checkbox input:checked:focus~label::after,.ui.checkbox input:not([type=radio]):indeterminate:focus~label::after{color:rgba(0,0,0,.95)}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default;pointer-events:none}.ui.checkbox input[disabled]~label,.ui.disabled.checkbox label{cursor:default;opacity:.5;color:#000;pointer-events:none}.ui.checkbox input.hidden{z-index:-1}.ui.checkbox input+label[for],.ui.checkbox input.hidden+label{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ui.radio.checkbox{min-height:15px}.ui.radio.checkbox label{padding-left:1.85714em}.ui.radio.checkbox label::before{content:"";transform:none;width:15px;height:15px;border-radius:500rem;top:1px;left:0}.ui.radio.checkbox label::after{border:none;content:""!important;line-height:15px;top:1px;left:0;width:15px;height:15px;border-radius:500rem;transform:scale(.46666667);background-color:rgba(0,0,0,.87)}.ui.radio.checkbox input:focus~label::before{background-color:#fff}.ui.radio.checkbox input:focus~label::after{background-color:rgba(0,0,0,.95)}.ui.radio.checkbox input:indeterminate~label::after{opacity:0}.ui.radio.checkbox input:checked~label::before{background-color:#fff}.ui.radio.checkbox input:checked~label::after{background-color:rgba(0,0,0,.95)}.ui.radio.checkbox input:focus:checked~label::before{background-color:#fff}.ui.radio.checkbox input:focus:checked~label::after{background-color:rgba(0,0,0,.95)}.ui.s