7 lines
4.9 KiB
CSS
7 lines
4.9 KiB
CSS
|
/*!
|
||
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
|
*/.fr-segmented{align-items:center;border:0;display:inline-flex;margin:0;padding:0;position:relative}.fr-segmented__legend{margin-bottom:.75rem;padding:0}.fr-segmented__legend .fr-hint-text{margin-top:.25rem}.fr-segmented__legend--inline{display:contents;float:left}.fr-segmented__legend--inline+.fr-segmented__elements{margin-left:1rem}.fr-segmented__elements{border-radius:.25rem;box-shadow:inset 0 0 0 1px var(--border-default-grey);display:flex;flex-direction:row}.fr-segmented__element{position:relative}.fr-segmented .fr-segmented__element input{opacity:0}.fr-segmented input{height:100%;margin:0;position:absolute;width:100%;z-index:-1}.fr-segmented input+label{align-items:center;border-radius:.25rem;display:inline-flex;font-size:1rem;font-weight:500;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem;white-space:nowrap;width:100%}.fr-segmented input+label:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-segmented input:not([disabled]):not(:checked)+label{-webkit-mask-image:linear-gradient(0deg,#fff,#fff),linear-gradient(0deg,#fff,#fff),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>");mask-image:linear-gradient(0deg,#fff,#fff),linear-gradient(0deg,#fff,#fff),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>"),url("data:image/svg+xml;charset=uft8,<svg xmlns='http://www.w3.org/2000/svg' width='4px' height='4px' viewBox='0 0 4 4'><circle fill='%23fff' r='2' cx='2' cy='2' /></svg>");-webkit-mask-position:.25rem .375rem,.375rem .25rem,.25rem .25rem,calc(100% - .25rem) .25rem,.25rem calc(100% - .25rem),calc(100% - .25rem) calc(100% - .25rem);mask-position:.25rem .375rem,.375rem .25rem,.25rem .25rem,calc(100% - .25rem) .25rem,.25rem calc(100% - .25rem),calc(100% - .25rem) calc(100% - .25rem);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(100% - .5rem)calc(100% - .75rem),calc(100% - .75rem)calc(100% - .5rem),.25rem .25rem,.25rem .25rem,.25rem .25rem,.25rem .25rem;mask-size:calc(100% - .5rem)calc(100% - .75rem),calc(100% - .75rem)calc(100% - .5rem),.25rem .25rem,.25rem .25rem,.25rem .25rem,.25rem .25rem}.fr-segmented input:not([disabled]):not(:checked)+label:hover{background-color:var(--hover)}.fr-segmented input:not([disabled]):not(:checked)+label:active{background-color:var(--active)}.fr-segmented--vertical .fr-segmented__elements{flex-direction:column;margin-left:0}.fr-segmented--vertical .fr-segmented__legend--inline{display:block;float:none}.fr-segmented--no-legend legend{clip:rect(0,0,0,0);border:0;display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fr-segmented--no-legend legend+.fr-segmented__elements{margin-left:0}.fr-segmented__element input:focus+label{outline-color:#0a76f6;outline-offset:2px;outline-style:solid;outline-width:2px}.fr-segmented__element input:focus:not(:focus-visible)+label{outline-style:none}.fr-segmented__element input:focus-visible+label{outline-style:soli
|
||
|
|
/*! media sm */}@media (min-width:48em){
|
||
|
|
/*! media md */}@media (min-width:62em){
|
||
|
|
/*! media lg */}@media (min-width:78em){
|
||
|
|
/*! media xl */}
|