12 lines
8.3 KiB
CSS
12 lines
8.3 KiB
CSS
|
@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
|
|||
|
|
/*! media sm */
|
|||
|
|
/*! 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 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-tabs ol,.fr-tabs ul{list-style-type:none}.fr-tabs ol,.fr-tabs ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-tabs:before{bottom:0;box-shadow:inset 0 1px 0 0 #ddd,inset 1px 0 0 0 #ddd,inset -1px 0 0 0 #ddd;left:0;position:absolute;right:0;top:3rem}.fr-tabs .fr-tabs__list{padding:.25rem .75rem}.fr-tabs__tab:after,.fr-tabs__tab:before{height:1rem;width:1rem}.fr-tabs__panel{left:0;padding:0 .1px}ul{list-style-type:disc}ol{list-style-type:decimal}ol,ul{margin-bottom:.5rem;margin-top:.5rem;padding-left:1rem}.fr-tabs__panel [href]{text-decoration:underline}.fr-tabs__panel>*{margin-left:1rem;margin-right:1rem}.fr-tabs__panel>:first-child{margin-top:.75rem}.fr-tabs__panel>:last-child{margin-bottom:1rem}.fr-tabs{box-shadow:inset 0 -1px 0 0 #ddd}.fr-tabs__tab{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);box-shadow:0 2px 0 0 #fff}.fr-tabs__tab:not([aria-selected=true]){background-color:#e3e3fd;color:#161616}.fr-tabs__tab[aria-selected=true]:not(:disabled){background-color:#fff;background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);color:#000091}.fr-tabs__tab:disabled{background-color:#e5e5e5;color:#929292}}@media (-ms-high-contrast:active) and (min-width:48em),(-ms-high-contrast:none) and (min-width:48em){.fr-tabs__panel>*{margin-left:2rem;margin-right:2rem}.fr-tabs__panel>:first-child{margin-top:1.75rem}.fr-tabs__panel>:last-child{margin-bottom:2rem}}@media print{.fr-tabs{box-shadow:inset 0 -1px 0 0 #ddd}.fr-tabs:before{box-shadow:inset 0 1px 0 0 #ddd,inset 1px 0 0 0 #ddd,inset -1px 0 0 0 #ddd}.fr-tabs__tab{background-image:linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);box-shadow:0 2px 0 0 #fff}.fr-tabs__tab:not([aria-selected=true]){background-color:#e3e3fd;color:#161616}.fr-tabs__tab[aria-selected=true]:not(:disabled){background-color:#fff;background-image:linear-gradient(0deg,#000091,#000091),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd),linear-gradient(0deg,#ddd,#ddd);color:#000091}.fr-tabs__tab:disabled{background-color:#e5e5e5;color:#929292}}
|