TP_JO2024/home/dist/component/toggle/toggle.min.css

11 lines
20 KiB
CSS
Raw Permalink Normal View History

2024-03-27 17:19:37 +01:00
/*!
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-toggle{--text-spacing:0;--title-spacing:0;display:flex;flex-wrap:wrap;padding:1rem 0;position:relative}.fr-toggle input[type=checkbox]{box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);height:1.5rem;opacity:0;position:absolute;width:2.5rem}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label[data-fr-unchecked-label][data-fr-checked-label]:before{content:attr(data-fr-checked-label)}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:after{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);transform:translateX(1rem)}.fr-toggle label{--toggle-status-width:auto;color:var(--text-label-grey);display:inline-flex;font-size:1rem;line-height:1.5rem;min-height:1.5rem;width:calc(100% - 2rem)}.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]{padding-left:0}.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]:before{content:attr(data-fr-unchecked-label);margin-bottom:1rem;margin-right:calc(var(--toggle-status-width) - .5rem)}.fr-toggle label[data-fr-unchecked-label][data-fr-checked-label]+.fr-hint-text{margin-top:.5rem}.fr-toggle label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);border-radius:.75rem;display:block;flex-shrink:0;font-size:.75rem;height:calc(1.25rem + 1px);line-height:1.25rem;margin-right:2rem;max-width:2.5rem;min-width:2.5rem;padding-top:1.75rem}.fr-toggle label:after,.fr-toggle label:before{background-repeat:no-repeat;color:var(--text-active-blue-france);content:""}.fr-toggle label:after{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);align-items:center;background-color:var(--background-default-grey);background-position:50%;background-size:1rem;border-radius:50%;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);display:flex;height:1.5rem;justify-content:center;left:0;position:absolute;top:1rem;width:1.5rem}.fr-toggle .fr-hint-text{color:var(--text-mention-grey);display:block;flex-basis:100%;font-size:.75rem;line-height:1.25rem;margin-bottom:0;margin-top:1rem}.fr-toggle--label-left .fr-toggle__input{margin:0 0 0 auto;order:1}.fr-toggle--label-left .fr-toggle__input+label[data-fr-checked-label]:before{margin-left:calc(var(--toggle-status-width) - .5rem);margin-right:0}.fr-toggle--label-left .fr-toggle__label{flex:1;justify-content:space-between;padding-left:0;width:calc(100% - 2rem)}.fr-toggle--label-left .fr-toggle__label:before{direction:rtl;flex-shrink:0;margin-left:1rem;margin-right:0;order:1;text-align:right}.fr-toggle--label-left .fr-toggle__label:after{left:auto;right:1rem}.fr-toggle--label-left .fr-hint-text{order:2}.fr-toggle__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none}.fr-fieldset .fr-toggle__list li:first-child .fr-toggle{padding-top:0}.fr-fieldset .fr-toggle__list li:first-child .fr-toggle label:after{top:0}:root[data-fr-theme=dark] .fr-toggle label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%238585f6' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:checked{--idle:transparent;--hover:var(--background-active-blue-france-hover);--active:var(--background-active-blue-france-active);background-color:var(--background-active-blue-france)}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");backgrou
/*! media sm */
/*! media sm */}@media (min-width:48em){
/*! media md */
/*! media md */}@media (min-width:62em){
/*! media lg */
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-toggle input[type=checkbox]::-ms-check{display:none}.fr-toggle input[type=checkbox]:checked:after,.fr-toggle input[type=checkbox]:checked:before{background-color:transparent;background-image:url(../../icons/system/check-line.svg);background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-toggle__list{list-style:none;padding:0}.fr-toggle label{color:#161616}.fr-toggle label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#000091}.fr-toggle label:after{background-color:#fff;color:#000091}.fr-toggle input[type=checkbox],.fr-toggle label:after{box-shadow:inset 0 0 0 1px #000091}.fr-toggle input[type=checkbox]:checked{background-color:#000091}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23000091' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:checked~.fr-toggle__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000091' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled{box-shadow:inset 0 0 0 1px #e5e5e5}.fr-toggle input[type=checkbox]:disabled:checked{background-color:#e5e5e5}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='%23e5e5e5' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled:checked~.fr-toggle__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23929292' d='m10 15.17 9.2-9.2 1.4 1.42L10 18l-6.36-6.36 1.4-1.42z'/%3E%3C/svg%3E")}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23e5e5e5' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#929292}.fr-toggle input[type=checkbox]:disabled~.fr-toggle__label:after{box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-toggle .fr-hint-text{color:#666}.fr-toggle--border-bottom{box-shadow:inset 0 -1px 0 0 #ddd}.fr-fieldset--error .fr-toggle label,.fr-toggle--error label{color:#ce0500}.fr-fieldset--error .fr-toggle label:before,.fr-toggle--error label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#ce0500}.fr-fieldset--error .fr-toggle label:after,.fr-toggle--error label:after{box-shadow:inset 0 0 0 1px #ce0500}.fr-fieldset--error .fr-toggle input[type=checkbox]:checked~.fr-toggle__label:before,.fr-toggle--error input[type=checkbox]:checked~.fr-toggle__label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%23ce0500' height='24' fill='%23000091' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E")}.fr-fieldset--valid .fr-toggle label,.fr-toggle--valid label{color:#18753c}.fr-fieldset--valid .fr-toggle label:before,.fr-toggle--valid label:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' stroke='%2318753c' height='24' fill='transparent' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='.5' y='.5' width='39' height='23' rx='11.5'/%3E%3C/svg%3E");color:#18753c}.fr-fieldset--valid .fr-tog