TP_JO2024/home/dist/component/tab/tab.main.min.css
2024-03-27 17:19:37 +01:00

8 lines
No EOL
5.9 KiB
CSS
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@charset "UTF-8";
/*!
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-tabs__tab{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);align-items:center;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 calc(100% - 1px),100% calc(100% - 1px),100% 100%;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-size:0 2px,1px 0,1px 0,100% 1px;box-shadow:0 2px 0 0 var(--background-default-grey);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:700;height:100%;line-height:1.5rem;margin:0 .25rem;min-height:2.5rem;overflow:visible;padding:.5rem 1rem;position:relative;white-space:nowrap;width:-moz-fit-content;width:fit-content;z-index:1}.fr-tabs__tab:after,.fr-tabs__tab:before{display:block}.fr-tabs__tab[class*=" fr-fi-"]:not([class*=fr-tabs__tab--icon-]),.fr-tabs__tab[class*=" fr-icon-"]:not([class*=fr-tabs__tab--icon-]),.fr-tabs__tab[class^=fr-fi-]:not([class*=fr-tabs__tab--icon-]),.fr-tabs__tab[class^=fr-icon-]:not([class*=fr-tabs__tab--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.75rem;padding-right:.75rem;white-space:nowrap}.fr-tabs__tab[class*=" fr-fi-"]:not([class*=fr-tabs__tab--icon-]):before,.fr-tabs__tab[class*=" fr-icon-"]:not([class*=fr-tabs__tab--icon-]):before,.fr-tabs__tab[class^=fr-fi-]:not([class*=fr-tabs__tab--icon-]):before,.fr-tabs__tab[class^=fr-icon-]:not([class*=fr-tabs__tab--icon-]):before{--icon-size:1rem;margin-left:0;margin-right:.75rem}.fr-tabs__tab--icon-left[class*=" fr-fi-"],.fr-tabs__tab--icon-left[class*=" fr-icon-"],.fr-tabs__tab--icon-left[class^=fr-fi-],.fr-tabs__tab--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-tabs__tab--icon-left[class*=" fr-fi-"]:before,.fr-tabs__tab--icon-left[class*=" fr-icon-"]:before,.fr-tabs__tab--icon-left[class^=fr-fi-]:before,.fr-tabs__tab--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-tabs{--tabs-height:auto;--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;--underline-img:none;align-items:flex-start;box-shadow:inset 0 -1px 0 0 var(--border-default-grey);display:flex;flex-direction:row;flex-wrap:wrap;height:var(--tabs-height);margin-left:0;margin-right:0;margin-top:-4px;overflow:hidden;padding-top:4px;position:relative;transition:height .3s}.fr-tabs--viewport-width{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.fr-tabs:before{box-shadow:inset 0 1px 0 0 var(--border-default-grey),inset 1px 0 0 0 var(--border-default-grey),inset -1px 0 0 0 var(--border-default-grey);content:"";display:block;height:100%;margin-top:-1px;order:2;width:100%}.fr-tabs__list{align-items:stretch;display:flex;margin:-4px 0;min-height:3rem;order:1;overflow-x:auto;padding:4px .75rem;width:100%;z-index:1}.fr-tabs__tab[aria-selected=true]{background-size:100% 2px,1px calc(100% - 1px),1px calc(100% - 1px),0 1px}.fr-tabs__panel{--underline-img:linear-gradient(0deg,currentColor,currentColor);--ul-type:disc;--ol-type:decimal;--ul-start:1rem;--ol-start:1.5rem;--xl-block:0.5rem;--li-bottom:0.25rem;--xl-base:1em;--ol-content:counters(li-counter,".") ".  ";display:block;flex:0 0 100%;height:auto;left:-100%;margin-right:-100%;order:3;padding:1rem;position:relative;transition:visibility .3s,transform .3s;width:100%}.fr-tabs__panel:focus,.fr-tabs__panel:focus-visible{outline-offset:calc(-1rem + 2px)}.fr-tabs__panel--direction-end{transform:translate(100%)}.fr-tabs__panel--direction-start{transform:translate(-100%)}.fr-tabs__panel:not(.fr-tabs__panel--selected){visibility:hidden}.fr-tabs__shadow{--tabs-list-height:3rem}.fr-tabs__shadow:before{box-shadow:inset 0 0 0 0 hsla(0,0%,9%,0),inset 0 0 0 0 hsla(0,0%,9%,0);content:"";display:block;height:calc(var(--tabs-list-height) - 8px);left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:4px;transition:box-shadow .3s;z-index:2}.fr-tabs__shadow--left:before{box-shadow:inset 2rem 0 1.5rem -2rem #161616,inset 0 0 0 0 hsla(0,0%,9%,0)}.fr-tabs__shadow--right:before{box-shadow:inset 0 0 0 0 hsla(0,0%,9%,0),inset -2rem 0 1.5rem -2rem #161616}.fr-tabs__shadow--left.fr-tabs__shadow--right:before{box-shadow:inset 2rem 0 1.5rem -2rem #161616,inset -2rem 0 1.5rem -2rem #161616}:root[data-fr-theme=dark] .fr-tabs__shadow:before{opacity:1}.fr-tabs__tab:not([aria-selected=true]){--idle:transparent;--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-grey)}.fr-tabs__tab[aria-selected=true]:not(:disabled){--idle:transparent;--hover:var(--background-default-grey-hover);--active:var(--background-default-grey-active);background-color:var(--background-default-grey);background-image:linear-gradient(0deg,var(--border-active-blue-france),var(--border-active-blue-france)),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));color:var(--text-active-blue-france)}.fr-tabs__tab:disabled{--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}@media (min-width:36em){
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-tabs--viewport-width{margin-left:0;margin-right:0}.fr-tabs__panel{padding:2rem}.fr-tabs__panel:focus,.fr-tabs__panel:focus-visible{outline-offset:calc(-2rem + 2px)}}@media (min-width:62em){
/*! media lg */}@media (min-width:78em){
/*! media xl */}