7 lines
6.6 KiB
CSS
7 lines
6.6 KiB
CSS
|
/*!
|
||
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
|
*/.fr-range-group{position:relative}.fr-range-group--error:before,.fr-range-group--valid:before{background-position:0 0;background-repeat:no-repeat;background-size:.125rem 100%;bottom:0;content:"";display:block;left:-.75rem;pointer-events:none;position:absolute;right:-.75rem;top:0}.fr-range{--thumb-size:1.5rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative}.fr-range input[type=range]{outline:none;width:100%}.fr-range__output{color:var(--text-active-blue-france);visibility:hidden}.fr-range__max,.fr-range__min,.fr-range__output{font-size:.75rem;line-height:1.25rem;min-width:var(--thumb-size);text-align:center}.fr-range[data-fr-js-range]{--progress-left:0;--progress-right:calc(var(--thumb-size)*0.5)}.fr-range[data-fr-js-range]:after,.fr-range[data-fr-js-range]:before{border-radius:.375rem;content:"";display:block;height:.75rem;left:0;position:absolute;right:0;top:1.625rem;width:100%}.fr-range[data-fr-js-range]:before{box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);outline-offset:-1px}.fr-range[data-fr-js-range]:after{--idle:transparent;--hover:var(--background-active-blue-france-hover);--active:var(--background-active-blue-france-active);background-color:var(--background-active-blue-france);clip-path:polygon(var(--progress-left) 0,var(--progress-right) 0,var(--progress-right) 100%,var(--progress-left) 100%)}.fr-range[data-fr-js-range] input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;height:var(--thumb-size);width:100%;z-index:1}.fr-range[data-fr-js-range] input[type=range]:not(:only-of-type){pointer-events:none}.fr-range[data-fr-js-range] input[type=range]::-webkit-slider-thumb{--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-raised-grey);background-color:var(--background-default-grey);border:none;border:1px solid var(--border-action-high-blue-france);border-radius:50%;filter:drop-shadow(var(--raised-shadow));height:var(--thumb-size);pointer-events:auto;width:var(--thumb-size);z-index:calc(var(--ground) + 500)}.fr-range[data-fr-js-range] input[type=range]::-webkit-slider-thumb:active{z-index:2}.fr-range[data-fr-js-range] input[type=range]::-moz-range-thumb{--hover:var(--background-raised-grey-hover);--active:var(--background-raised-grey-active);--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-raised-grey);background-color:var(--background-default-grey);border:none;border:1px solid var(--border-action-high-blue-france);border-radius:50%;filter:drop-shadow(var(--raised-shadow));height:var(--thumb-size);pointer-events:auto;width:var(--thumb-size);z-index:calc(var(--ground) + 500)}.fr-range[data-fr-js-range] input[type=range]::-moz-range-thumb:active{z-index:2}.fr-range[data-fr-js-range] .fr-range__output{visibility:visible}.fr-range--sm{--thumb-size:1rem}.fr-range--sm[data-fr-js-range]:after,.fr-range--sm[data-fr-js-range]:before{border-radius:.25rem;height:.5rem;top:1.5rem}.fr-range--step[data-fr-js-range]{--step-width:0}.fr-range--step[data-fr-js-range]:after,.fr-range--step[data-fr-js-range]:before{background-clip:content-box;background-position:.625rem 0;background-repeat:repeat-x;background-size:var(--step-width) 100%;padding-left:.625rem;padding-right:.625rem}.fr-range--step.fr-range--sm[data-fr-js-range]:after,.fr-range--step.fr-range--sm[data-fr-js-range]:before{background-position:.375rem 0;padding-left:.375rem;padding-right:.375rem}.fr-range--double .fr-range__output{min-width:calc(var(--thumb-size)*2)}.fr-range--double[data-fr-js-range] input[type=range]{width:calc(100% - var(--thumb-size))}.fr-range--double[data-fr-js-range] input[type=range]:first-of-type{margin-right:var(--thumb-size)}.fr-rang
|
||
|
|
/*! media sm */}@media (min-width:48em){
|
||
|
|
/*! media md */}@media (min-width:62em){
|
||
|
|
/*! media lg */}@media (min-width:78em){
|
||
|
|
/*! media xl */}
|