TP_JO2024/home/dist/component/radio/radio.main.min.css

7 lines
19 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-radio-group{max-width:max-content;position:relative}.fr-radio-group input[type=radio]{height:1.5rem;margin:0;opacity:0;position:absolute;width:1.5rem}.fr-radio-group input[type=radio]+label{align-items:flex-start;background-image:radial-gradient(transparent 10px,var(--border-action-high-blue-france) 11px,transparent 12px);background-position:calc(-.25rem + 1px) calc(-.25rem + 1px),calc(-.25rem + 1px) calc(-.25rem + 1px);background-repeat:no-repeat,no-repeat;background-size:1.875rem 1.875rem,1.875rem 1.875rem;display:flex;flex-direction:column;justify-content:flex-start;padding-left:2rem}.fr-radio-group input[type=radio]+label:before{border-radius:1.5rem;content:"";height:1.5rem;margin-left:-2rem;position:absolute;top:0;width:1.5rem}.fr-radio-group input[type=radio]+label .fr-hint-text{margin:0;width:100%}.fr-radio-group--sm input[type=radio]{height:1rem;top:.25rem;width:1rem}.fr-radio-group--sm input[type=radio]+label{background-image:radial-gradient(transparent 6px,var(--border-action-high-blue-france) 7px,transparent 8px);background-position:calc(-.125rem + 1px) calc(.25rem - 1px),calc(-.125rem + 1px) calc(.25rem - 1px);background-size:1.125rem 1.125rem,1.125rem 1.125rem;padding-left:1.5rem}.fr-radio-group--sm input[type=radio]+label:before{border-radius:1rem;height:1rem;margin-left:-1.5rem;top:.25rem;width:1rem}.fr-radio-rich{align-items:center;display:flex;flex-direction:row;max-width:100%;position:relative}.fr-radio-rich input[type=radio]{height:1rem;left:1.75rem;top:calc(50% - .5rem);width:1rem}.fr-radio-rich input[type=radio]+label{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);align-items:stretch;align-self:stretch;background-color:var(--background-default-grey);background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),radial-gradient(transparent 6px,var(--border-action-high-blue-france) 7px,transparent 8px);background-position:0 0,100% 0,0 100%,0 0,1.75rem 50%,1.75rem 50%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,1px 100%,100% 1px,1px 100%,1.125rem 1.125rem,1.125rem 1.125rem;display:flex;flex-direction:column;justify-content:center;margin-left:0;min-height:5rem;padding:.5rem 1.5rem .5rem 3.5rem;width:100%}.fr-radio-rich input[type=radio]+label:before{border-radius:0;bottom:0;content:"";display:block;height:100%;left:0;margin-left:0;position:absolute;right:0;top:0;width:100%}.fr-radio-rich input[type=radio]+label .fr-hint-text{margin-left:0}.fr-radio-rich input[type=radio]:not(:disabled)~label{--hover-tint:var(--hover);--active-tint:var(--active)}.fr-radio-rich input[type=radio]:not(:disabled)~label:hover{background-color:var(--hover-tint)}.fr-radio-rich input[type=radio]:not(:disabled)~label:active{background-color:var(--active-tint)}.fr-radio-rich input[type=radio]:not(:disabled)~label:hover+.fr-radio-rich__pictogram{background-color:var(--hover)}.fr-radio-rich input[type=radio]:not(:disabled)~label:active+.fr-radio-rich__pictogram{background-color:var(--active)}.fr-radio-rich__pictogram{--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);align-items:center;align-self:stretch;background-color:var(--background-default-grey);background-image:linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey)),linear-gradient(0deg,var(--border-default-grey),var(--border-default-grey));background-position:0 0,0 100%,100% 0,0 .25rem;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:100% 1px,100% 1px,1px 100%,1px calc(100% - .5rem);display:flex;flex-direction:row;justify-content:center;margi
/*! media sm */}@media (min-width:48em){
/*! media md */}@media (min-width:62em){
/*! media lg */}@media (min-width:78em){
/*! media xl */}