@codegouvfr/react-dsfr
Version:
French State Design System React integration library
3 lines • 6.63 kB
CSS
/*!
* DSFR v1.13.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@media print{.fr-no-print{display:none}h1,h2,h3,h4{break-after:avoid;page-break-after:avoid}p{orphans:3;widows:3}.fr-text--sm,.fr-text--xs{font-size:1rem;line-height:1.5rem;margin:var(--text-spacing)}[class*=" fr-fi-"],[class*=" fr-icon-"],[class^=fr-fi-],[class^=fr-icon-]{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-upload{font-size:1rem;line-height:1.5rem}.fr-range-group:before{background-image:none}.fr-range[data-fr-js-range]:after{background-color:transparent;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-accordion{box-shadow:inset 0 0 0 1px var(--border-default-grey)}.fr-accordion:before{box-shadow:none}.fr-accordion__btn{box-shadow:inset 0 0 0 1px var(--border-default-grey);page-break-after:avoid}.fr-accordion__btn:after{-webkit-print-color-adjust:exact;print-color-adjust:exact;transform:rotate(-180deg)}.fr-accordion .fr-collapse{--collapse-max-height:none;--collapse:inherit;padding:1rem;visibility:visible}.fr-badge{border:1px solid}.fr-badge:before,.fr-btn,.fr-connect-group,.fr-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-connect-group .fr-connect+p a,.fr-connect-group p,.fr-quote cite,.fr-quote figcaption li,.fr-quote__author{font-size:1rem;line-height:1.5rem}.fr-breadcrumb,.fr-quote:before{display:none}.fr-hint-text{font-size:1rem;line-height:1.5rem}.fr-message:before,.fr-stepper__steps{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-stepper__details,.fr-stepper__state{font-size:1rem;line-height:1.5rem}.fr-tooltip{display:none}.fr-link:after,.fr-link:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-sidemenu{display:none}.fr-highlight{background-image:none;border-left:4px solid var(--border-default-grey)}.fr-tabs{page-break-inside:avoid}.fr-tabs__tab{background-color:transparent;background-image:none;border:1px solid var(--border-default-grey)}.fr-tabs__tab[aria-selected=true]{border-bottom:none;border-top:2px solid var(--border-active-blue-france)}.fr-pagination__link[aria-current]:not([aria-current=false]){background:none;border:1px solid;color:#000;font-weight:700}.fr-pagination__link--next:after,.fr-pagination__link--next:before,.fr-pagination__link--prev:after,.fr-pagination__link--prev:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-summary{display:none}.fr-table{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-table td,.fr-table th{font-size:1rem;line-height:1.5rem}.fr-alert,.fr-tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-alert .fr-btn--close{display:none}.fr-notice{border-bottom:1px solid var(--border-default-grey);border-top:1px solid var(--border-default-grey);margin-bottom:1rem}.fr-notice .fr-btn--close{display:none}.fr-notice__title:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-notice--attack,.fr-notice--weather-red{background:none;color:var(--text-default-error)}.fr-notice--cyberattack,.fr-notice--witness{background:none;color:var(--text-default-grey)}.fr-notice--weather-purple{background:none;color:var(--text-label-purple-glycine)}.fr-radio-group{page-break-inside:avoid}.fr-radio-group .fr-radio-rich__pictogram,.fr-radio-group input[type=radio]+label,.fr-radio-group input[type=radio]:checked+label{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-card{background-image:none;border:1px solid var(--border-default-grey);page-break-inside:avoid}.fr-card__desc,.fr-card__detail{font-size:1rem;line-height:1.5rem}.fr-card__detail{line-height:1rem}.fr-card__detail:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-checkbox-group input[type=checkbox]+.fr-label:before{background-image:none;border:1px solid var(--border-default-grey);border-radius:4px}.fr-checkbox-group input[type=checkbox]:checked+.fr-label:before{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-toggle{page-break-inside:avoid}.fr-toggle:before{background-color:none}.fr-toggle label{-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-toggle .fr-hint-text{font-size:1rem;line-height:1.5rem}.fr-skiplink{display:none}.fr-select-group:before{background-image:none}.fr-select{background-color:transparent;border:1px solid var(--border-default-grey);-webkit-print-color-adjust:exact;print-color-adjust:exact}.fr-callout{background:transparent;background-image:none;border-left:1px solid var(--border-default-grey);border:1px solid var(--border-default-grey);border-left-width:.25rem;page-break-inside:avoid}.fr-modal{background-color:#fff;flex-direction:column-reverse}.fr-modal__body{border:1px solid var(--border-default-grey);height:max-content;margin-bottom:auto;max-height:max-content}.fr-footer,.fr-modal__header .fr-btn--close,.fr-navigation,.fr-share{display:none}.fr-tile .fr-tile__desc,.fr-tile .fr-tile__detail,.fr-tile--sm .fr-tile__desc,.fr-tile--sm .fr-tile__detail,.fr-tile--sm__desc,.fr-tile--sm__detail,.fr-tile__desc,.fr-tile__detail{font-size:1rem;line-height:1.5rem}.fr-tile{border:1px solid var(--border-default-grey);page-break-inside:avoid}.fr-tile:not(.fr-tile--horizontal):not(.fr-tile--download) .fr-tile__content{padding-bottom:0}.fr-tile__title a:before,.fr-tile__title button:before,.fr-tile__title:before{background-image:none}.fr-tile__title a:after,.fr-tile__title button:after,.fr-transcription .fr-modal:not(.fr-modal--opened),.fr-transcription__btn,.fr-transcription__footer,.fr-translate{display:none}.fr-input-group:before{background-image:none}.fr-input-group input,.fr-input-group textarea{background-color:transparent;border:1px solid var(--border-default-grey)}.fr-search-bar input{background-color:transparent;border-left:1px solid var(--border-default-grey);border-top:1px solid var(--border-default-grey)}.fr-content-media__caption{font-size:1rem;line-height:1.5rem}.fr-content-media__caption .fr-link{font-size:1rem;line-height:1.5rem;padding:0}.fr-content-media__caption .fr-link:after,.fr-content-media__caption .fr-link:before{--icon-size:1rem}.fr-consent-banner,.fr-follow{display:none}.fr-password input{background-color:transparent;border:1px solid var(--border-default-grey)}.fr-header__menu{display:none}.fr-header__body-row{padding:0}.fr-header__body .fr-header__navbar,.fr-header__body .fr-header__tools{display:none}.fr-header__brand{flex-wrap:nowrap}.fr-header__brand-top{width:auto}.fr-header__service{box-shadow:none}}