11 lines
8.5 KiB
CSS
11 lines
8.5 KiB
CSS
|
/*!
|
||
|
|
* DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
|
||
|
|
*/.fr-sidemenu{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;--underline-img:none;--text-spacing:0;--title-spacing:0;box-shadow:inset 0 -1px 0 0 var(--border-default-grey),inset 0 1px 0 0 var(--border-default-grey);margin-left:-1rem;margin-right:-1rem;position:relative}.fr-sidemenu a:not([href]){cursor:default}.fr-sidemenu .fr-collapse{margin:-.25rem -.25rem 0;padding:.25rem .25rem 0}.fr-sidemenu .fr-collapse.fr-collapsing{margin-bottom:0;margin-top:0;padding-bottom:0;padding-top:0}.fr-sidemenu__title{box-shadow:inset 0 -1px 0 0 var(--border-default-grey);color:var(--text-title-grey);font-size:1.125rem;font-weight:700;line-height:1.75rem;padding:1rem 0}.fr-sidemenu__list{font-weight:700}.fr-sidemenu__list .fr-sidemenu__list{font-weight:400;margin:0 1rem 1rem}.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__btn,.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__link{font-size:1rem;font-weight:400;line-height:1.5rem}.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__btn,.fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__list .fr-sidemenu__link{font-size:.875rem;line-height:1.5rem}.fr-sidemenu__item{position:relative}.fr-sidemenu__item:before{bottom:0;box-shadow:0 -1px 0 0 var(--border-default-grey),inset 0 -1px 0 0 var(--border-default-grey);content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.fr-sidemenu__item .fr-sidemenu__item .fr-sidemenu__item:before{content:none}.fr-sidemenu__inner>.fr-collapse{margin:-.25rem .75rem 0;padding:.25rem .75rem 0}.fr-sidemenu__btn,.fr-sidemenu__link{--hover-tint:var(--hover);--active-tint:var(--active);align-items:center;color:var(--text-action-high-blue-france);display:flex;flex-direction:row;font-size:1rem;font-weight:700;line-height:1.5rem;padding:.75rem 1rem;position:relative;text-align:left;width:100%}.fr-sidemenu__btn[aria-current]:not([aria-current=false]):before,.fr-sidemenu__link[aria-current]:not([aria-current=false]):before{--idle:transparent;--hover:var(--border-active-blue-france-hover);--active:var(--border-active-blue-france-active);background-color:var(--border-active-blue-france);bottom:.75rem;content:"";left:0;position:absolute;top:.75rem;width:2px}.fr-sidemenu__link:not([href])[aria-current]:not([aria-current=false]){cursor:default;pointer-events:none}.fr-sidemenu__btn[aria-expanded]{align-items:center;display:flex;flex-direction:row}.fr-sidemenu__btn[aria-expanded]:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:auto;margin-right:0;-webkit-mask-image:url(../../icons/system/arrow-down-s-line.svg);mask-image:url(../../icons/system/arrow-down-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:transform .3s;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-sidemenu__btn[aria-expanded=true]:after{transform:rotate(-180deg)}.fr-sidemenu__inner>.fr-sidemenu__btn{font-weight:500;width:100%}.fr-sidemenu__inner>.fr-sidemenu__btn:after{margin-right:1rem}.fr-sidemenu__inner>.fr-sidemenu__btn:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/menu-2-fill.svg);mask-image:url(../../icons/system/menu-2-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-sidemenu__item .fr-sidemenu__btn,.fr-sidemenu__item .fr-sidemenu__link{color:var(--text-action-high-grey)}.fr-sidemenu__item:first-child:before{box-shadow:inset 0 -1px 0 0 var(--border-default-grey)}.fr-sidemenu__item:last-child:before{box-shadow:0 -1px 0 0 var(--border-default-grey)}.fr-sidemenu__btn[aria-current]:not([aria-current=false]),.fr-sidemenu__link[aria-current]:not([aria-current=false]){color:var(--text-active-blue-france)}.fr-sidemenu__btn[aria-expanded=true]{--idle:transparent;--hover:var(--background-open-blue-france-hover)
|
||
|
|
/*! media sm */
|
||
|
|
/*! media sm */}@media (min-width:48em){
|
||
|
|
/*! media md */.fr-sidemenu{box-shadow:none;margin-left:0;margin-right:0;padding-right:2rem}.fr-sidemenu .fr-collapse{margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem}.fr-sidemenu__title{box-shadow:none;margin:0 0 1.5rem;padding:0}.fr-sidemenu__list .fr-sidemenu__list{margin:0 1rem 1rem}.fr-sidemenu__list{margin:0}.fr-sidemenu__item:before{content:none}.fr-sidemenu__inner{box-shadow:inset -1px 0 0 0 var(--border-default-grey);padding:0 1.5rem 0 0}.fr-sidemenu__inner>.fr-collapse{margin:0;max-height:none;overflow:initial;padding:0}.fr-sidemenu__inner>.fr-collapse:before{display:none}.fr-sidemenu__inner>.fr-collapse:not(.fr-collapse--expanded){visibility:inherit}.fr-sidemenu--right{padding-left:2rem;padding-right:0}.fr-sidemenu--right .fr-sidemenu__inner{border-right:0;box-shadow:inset 1px 0 0 0 var(--border-default-grey);padding:0 1rem 0 2rem}.fr-sidemenu--sticky{position:sticky;top:0}.fr-sidemenu--sticky .fr-sidemenu__inner{max-height:100vh;overflow:auto;padding-top:.5rem}.fr-sidemenu--sticky-full-height{height:100vh;position:sticky;top:0}.fr-sidemenu--sticky-full-height .fr-sidemenu__inner{height:100%;overflow:auto;padding-top:.5rem}.fr-sidemenu__btn,.fr-sidemenu__link{margin:0;width:100%}.fr-sidemenu__btn[aria-expanded]{padding:.75rem 2.5rem .75rem 1rem}.fr-sidemenu__btn[aria-expanded]:after{margin-right:-1.5rem}.fr-sidemenu__inner>.fr-sidemenu__btn{display:none}
|
||
|
|
/*! 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-sidemenu{box-shadow:inset 0 -1px 0 0 #ddd,inset 0 1px 0 0 #ddd;height:auto}.fr-sidemenu ol,.fr-sidemenu ul{list-style-type:none}.fr-sidemenu ol,.fr-sidemenu ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-sidemenu [href]{text-decoration:none}.fr-sidemenu__btn[aria-expanded]:after{background-color:transparent;background-image:url(../../icons/system/arrow-down-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-sidemenu__title{box-shadow:inset 0 -1px 0 0 #ddd;color:#161616}.fr-sidemenu__item .fr-sidemenu__btn,.fr-sidemenu__item .fr-sidemenu__link{color:#161616}.fr-sidemenu__item:before{box-shadow:0 -1px 0 0 #ddd,inset 0 -1px 0 0 #ddd}.fr-sidemenu__item:first-child:before{box-shadow:inset 0 -1px 0 0 #ddd}.fr-sidemenu__item:last-child:before{box-shadow:0 -1px 0 0 #ddd}.fr-sidemenu__btn,.fr-sidemenu__btn[aria-current]:not([aria-current=false]),.fr-sidemenu__link,.fr-sidemenu__link[aria-current]:not([aria-current=false]){color:#000091}.fr-sidemenu__btn[aria-current]:not([aria-current=false]):before,.fr-sidemenu__link[aria-current]:not([aria-current=false]):before{background-color:#000091}.fr-sidemenu__btn[aria-expanded=true]{background-color:#e3e3fd}}@media (min-width:48em) and (-ms-high-contrast:active),(min-width:48em) and (-ms-high-contrast:none){.fr-sidemenu,.fr-sidemenu__title{box-shadow:none}.fr-sidemenu__inner{box-shadow:inset -1px 0 0 0 #ddd}.fr-sidemenu--right .fr-sidemenu__inner{box-shadow:inset 1px 0 0 0 #ddd}}@media print{.fr-sidemenu{box-shadow:inset 0 -1px 0 0 #ddd,inset 0 1px 0 0 #ddd;display:none}.fr-sidemenu__title{box-shadow:inset 0 -1px 0 0 #ddd;color:#161616}.fr-sidemenu__item .fr-sidemenu__btn,.fr-sidemenu__item .fr-sidemenu__link{color:#161616}.fr-sidemenu__item:before{box-shadow:0 -1px 0 0 #ddd,inset 0 -1px 0 0 #ddd}.fr-sidemenu__item:first-child:before{box-shadow:inset 0 -1px 0 0 #ddd}.fr-sidemenu__item:last-child:before{box-shadow:0 -1px 0 0 #ddd}.fr-sidemenu__btn,.fr-sidemenu__btn[aria-current]:not([aria-current=false]),.fr-sidemenu__link,.fr-sidemenu__link[aria-current]:not([aria-current=false]){color:#000091}.fr-sidemenu__btn[aria-current]:not([aria-current=false]):before,.fr-sidemenu__link[aria-current]:not([aria-current=false]):before{background-color:#000091}.fr-sidemenu__btn[aria-expanded=true]{background-color:#e3e3fd}}@media print and (min-width:48em) and (-ms-high-contrast:active),print and (min-width:48em) and (-ms-high-contrast:none){.fr-sidemenu,.fr-sidemenu__title{box-shadow:none}}@media print and (min-width:48em){.fr-sidemenu__inner{box-shadow:inset -1px 0 0 0 #ddd}.fr-sidemenu--right .fr-sidemenu__inner{box-shadow:inset 1px 0 0 0 #ddd}}
|