@codegouvfr/react-dsfr
Version:
French State Design System React integration library
7 lines • 2.52 kB
CSS
/*!
* DSFR v1.12.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@media (min-width:36em){
/*! media sm */}@media (min-width:48em){
/*! media md */}@media (min-width:62em){
/*! media lg */}@media (min-width:78em){
/*! media xl */}@media screen and (min-width:0\0) and (min-resolution:72dpi){.fr-nav [href]{text-decoration:none}.fr-nav ol,.fr-nav ul{list-style-type:none}.fr-nav ol,.fr-nav ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-nav__btn: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-mega-menu__category{margin:0}.fr-nav__btn,.fr-nav__link{color:#161616}.fr-nav__btn[aria-current]:not([aria-current=false]),.fr-nav__link[aria-current]:not([aria-current=false]){color:#000091}.fr-nav__btn[aria-current]:not([aria-current=false]):before,.fr-nav__link[aria-current]:not([aria-current=false]):before{background-color:#000091}.fr-nav__btn[aria-expanded=true]:not(:disabled){background-color:#e3e3fd;color:#000091}.fr-nav__item:before{box-shadow:0 -1px 0 0 #ddd,inset 0 -1px 0 0 #ddd}.fr-nav__item:first-child:before{box-shadow:inset 0 -1px 0 0 #ddd}.fr-nav__item:last-child:before{box-shadow:0 -1px 0 0 #ddd}.fr-mega-menu__list:before{box-shadow:0 1px 0 0 #ddd}}@media screen and (min-width:0\0) and (min-resolution:72dpi) and (min-width:0\0) and (min-resolution:72dpi){.fr-nav__btn,.fr-nav__link{background-color:transparent}.fr-nav__btn:hover,.fr-nav__link:hover{background-color:rgba(0,0,0,.05)}.fr-nav__btn:active,.fr-nav__link:active{background-color:rgba(0,0,0,.1)}}@media screen and (min-width:62em) and (min-width:0\0) and (min-resolution:72dpi){.fr-nav__item{position:static}.fr-nav__item--align-right .fr-collapse{transform:translateX(-100%)}.fr-menu .fr-menu__list{margin-bottom:2rem}.fr-menu{z-index:1000}.fr-menu__list{background-color:#fff;background-image:linear-gradient(0deg,#e3e3fd,#e3e3fd);box-shadow:0 0 0 1px rgba(0,0,18,.16)}.fr-menu__list>:first-child,.fr-menu__list>:first-child>.fr-nav__link,.fr-menu__list>:hover,.fr-menu__list>:hover+*,.fr-menu__list>:hover+*>.fr-nav__link,.fr-menu__list>:hover>.fr-nav__link{box-shadow:none}.fr-menu .fr-nav__link{box-shadow:0 calc(-1rem - 1px) 0 -1rem #ddd}.fr-mega-menu{background-color:#fff;box-shadow:0 0 0 1px rgba(0,0,18,.16);box-shadow:inset 0 1px 0 0 #e3e3fd;z-index:1000}.fr-mega-menu__category{box-shadow:0 calc(1rem + 1px) 0 -1rem #ddd}}