@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 36.7 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/upload/print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/upload/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/typography/tool/_styles.scss","%3Cinput%20css%20xUQRu3%3E","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/range/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/accordion/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/badge/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/connect/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/quote/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/breadcrumb/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/form/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/stepper/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/tooltip/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/link/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/sidemenu/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/highlight/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/tab/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/pagination/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/summary/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/table/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/alert/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/notice/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/radio/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/card/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/checkbox/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/toggle/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/skiplink/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/select/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/callout/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/modal/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/footer/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/tile/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/transcription/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/input/input-base/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/search/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/content/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/selector/tool/_nest.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/follow/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/password/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/header/style/_print.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCLA,WC0BE,cAAA,CAGE,kBCxBF,CCWA,uBCTE,+BFGF,CCMA,kCCHE,sCAAA,CACA,yBAAA,CACA,gCAAA,CACA,wBFAF,CGdF,cACE,qDHkBA,CCLA,qBEVE,eHkBF,CGfA,mBACE,qDAAA,CACA,sBHiBF,CCZA,yBEFI,gCAAA,CACA,wBAAA,CACA,yBHiBJ,CGbA,2BACE,oCAAA,CACA,4BAAA,CCWA,YAfE,CDMF,kBHeF,CKlCF,UACE,gBLsCA,CM5CF,oDACE,gCAAA,CACA,wBNgEA,COjEA,+GRyBA,cAAA,CAGE,kBCqDF,CQlFF,gCACE,YRyFA,CS1FF,cV0BE,cAAA,CAGE,kBCmEF,CU/FA,sCACE,gCAAA,CACA,wBVuGF,CUpGA,wCXoBA,cAAA,CAGE,kBCiFF,CW9GF,YACE,YXkHA,CCnGA,+BWTE,gCAAA,CACA,wBZiHF,CazHF,aACE,Yb6HA,CczHF,cAEE,qBAAA,CADA,gDd8HA,Ce/HF,SACE,uBfmIA,CejIA,cACE,4BAAA,CAEA,+BAAA,CADA,2CfoIF,CejIE,kCAEE,kBAAA,CADA,qDfoIJ,CgB5IA,6DAEE,eAAA,CAEA,gBAAA,CADA,UAAA,CAFA,ehBmJF,CC1IA,sIeAI,gCAAA,CACA,wBhB6IJ,CiB9JF,YACE,YjBkKA,CkBnKF,UACE,gCAAA,CACA,wBlBuKA,CkBrKA,0BnBsBA,cAAA,CAGE,kBCiJF,CmBzKF,kBACE,gCAAA,CACA,wBnBmLA,CmBjLA,yBACE,YnBmLF,CoBxLF,WAEE,kDAAA,CADA,+CAAA,CAEA,kBpB4LA,CoB1LA,0BACE,YpB4LF,CCvLA,yBmBAI,gCAAA,CACA,wBpB0LJ,CoBtLA,2CAGE,eAAA,CADA,+BpBwLF,CoBpLA,4CAGE,eAAA,CADA,8BpBsLF,CoBlLA,2BAEE,eAAA,CADA,sCpBqLF,CqBlNF,gBACE,uBrBsNA,CqB9MA,kIACE,gCAAA,CACA,wBrBqNF,CsBrOF,SAGE,+BAAA,CADA,2CAAA,CADA,uBtB2OA,CsBvOA,gCvBqBA,cAAA,CAGE,kBCmNF,CsBtOA,iBACE,0BtBwOF,CCnOA,wBqBFI,gCAAA,CACA,wBtBwOJ,CCvOA,yDsBNI,qBAAA,CAFA,2CAAA,CACA,iBvBqPJ,CC9OA,iEsBAI,gCAAA,CACA,wBvBiPJ,CwBlQF,WACE,uBxBsQA,CCvPA,kBuBZE,+BxBsQF,CwBnQA,iBACE,gCAAA,CACA,wBxBqQF,CwBlQA,yBzBcA,cAAA,CAGE,kBCqPF,CyBlRF,aACE,YzBsRA,CCvQA,wByBTE,+B1BqRF,C0BjRF,WACE,4BAAA,CACA,2CAAA,CACA,gCAAA,CACA,wB1BmRA,C2B7RF,YAEE,sBAAA,CACA,qBAAA,CACA,gDAAA,CACA,2CAAA,CAAA,wBAAA,CAJA,uB3BqSA,C4B3SF,UACE,qBAAA,CACA,6B5B+SA,C4B7SA,gBACE,2CAAA,CAEA,kBAAA,CADA,kBAAA,CAEA,gC5B+SF,C6BvTF,qEACE,Y7BwUA,C8BlUA,oL/BmBA,cAAA,CAGE,kBCuTF,C8BrUF,SAEE,2CAAA,CADA,uB9BwUA,C8BrUA,6EACE,0B9BuUF,CC3UA,8E6BeM,+B9BmUN,C+BzVA,uKACE,Y/B4WF,CCtWA,uB+BTE,qBhCoXF,CgCjXA,+CAEE,4BAAA,CACA,2ChCmXF,CiC1XA,qBACE,4BAAA,CAEA,gDAAA,CADA,+CjC+XF,CkCtYA,2BnCyBA,cAAA,CAGE,kBCgXF,CmCtYE,oCCKF,cAAA,CACA,kBAFc,CAsBd,SpCiXA,CClYA,qFoC2BE,gBrC0WF,CsChZF,8BACE,YtC+ZA,CuC/ZA,mBACE,4BAAA,CACA,2CvCmaF,CwC1aA,iBACE,YxC8aF,CwC1aE,qBpC2BA,SJkZF,CwCzaE,uEAEE,YxC2aJ,CwCvaA,kBACE,gBxCyaF,CwCvaE,sBACE,UxCyaJ,CwCraA,oBACE,exCuaF,CA1bF","file":"component.print.min.css","sourcesContent":[null,"////\n/// Upload Print\n/// @group upload\n////\n\n@media print {\n @import 'index';\n @import 'style/print';\n}\n","#{ns(upload)} {\n @include text-style(md);\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'src/module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","@charset \"UTF-8\";\n@media print {\n .fr-upload {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n@media print {\n .fr-range-group::before {\n background-image: none !important;\n }\n .fr-range[data-fr-js-range]::after {\n background-color: transparent !important;\n box-shadow: none !important;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-accordion {\n box-shadow: inset 0 0 0 1px var(--border-default-grey);\n }\n .fr-accordion::before {\n box-shadow: none;\n }\n .fr-accordion__btn {\n box-shadow: inset 0 0 0 1px var(--border-default-grey);\n page-break-after: avoid;\n }\n .fr-accordion__btn::after {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n transform: rotate(-180deg);\n }\n .fr-accordion .fr-collapse {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n visibility: visible;\n padding: 1rem;\n }\n}\n@media print {\n .fr-badge {\n border: solid 1px currentColor;\n }\n .fr-badge::before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-logo {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-btn {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-connect-group {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n .fr-connect-group p {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-connect-group .fr-connect + p a {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n@media print {\n .fr-quote__author,\n .fr-quote cite,\n .fr-quote figcaption li {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-quote::before {\n display: none;\n }\n}\n@media print {\n .fr-breadcrumb {\n display: none;\n }\n}\n@media print {\n .fr-hint-text {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-message::before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-stepper__steps {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n .fr-stepper__state, .fr-stepper__details {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n@media print {\n .fr-tooltip {\n display: none;\n }\n}\n@media print {\n .fr-link::before, .fr-link::after {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-sidemenu {\n display: none;\n }\n}\n@media print {\n .fr-highlight {\n border-left: 4px solid var(--border-default-grey);\n background-image: none;\n }\n}\n@media print {\n .fr-tabs {\n page-break-inside: avoid;\n }\n .fr-tabs__tab {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n background-image: none !important;\n }\n .fr-tabs__tab[aria-selected=true] {\n border-top: 2px solid var(--border-active-blue-france);\n border-bottom: none;\n }\n}\n@media print {\n .fr-pagination__link[aria-current]:not([aria-current=false]) {\n font-weight: bold;\n background: none;\n color: black;\n border: 1px solid;\n }\n .fr-pagination__link--prev::before, .fr-pagination__link--prev::after, .fr-pagination__link--next::before, .fr-pagination__link--next::after {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-summary {\n display: none;\n }\n}\n@media print {\n .fr-table {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n .fr-table td,\n .fr-table th {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n@media print {\n .fr-tag {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-alert {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n .fr-alert .fr-btn--close {\n display: none;\n }\n}\n@media print {\n .fr-notice {\n border-top: 1px solid var(--border-default-grey);\n border-bottom: 1px solid var(--border-default-grey);\n margin-bottom: 1rem;\n }\n .fr-notice .fr-btn--close {\n display: none;\n }\n .fr-notice__title::before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n .fr-notice--weather-red, .fr-notice--attack {\n color: var(--text-default-error);\n background: none;\n }\n .fr-notice--witness, .fr-notice--cyberattack {\n color: var(--text-default-grey);\n background: none;\n }\n .fr-notice--weather-purple {\n color: var(--text-label-purple-glycine);\n background: none;\n }\n}\n@media print {\n .fr-radio-group {\n page-break-inside: avoid;\n }\n .fr-radio-group input[type=radio]:checked + label,\n .fr-radio-group input[type=radio] + label {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n .fr-radio-group .fr-radio-rich__pictogram {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-card {\n page-break-inside: avoid;\n border: 1px solid var(--border-default-grey);\n background-image: none !important;\n }\n .fr-card__detail, .fr-card__desc {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-card__detail {\n line-height: 1rem !important;\n }\n .fr-card__detail::before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-checkbox-group input[type=checkbox] + .fr-label::before {\n border: 1px solid var(--border-default-grey);\n border-radius: 4px;\n background-image: none;\n }\n .fr-checkbox-group input[type=checkbox]:checked + .fr-label::before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-toggle {\n page-break-inside: avoid;\n }\n .fr-toggle::before {\n background-color: none !important;\n }\n .fr-toggle label {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n .fr-toggle .fr-hint-text {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}\n@media print {\n .fr-skiplink {\n display: none;\n }\n}\n@media print {\n .fr-select-group::before {\n background-image: none !important;\n }\n .fr-select {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n@media print {\n .fr-callout {\n page-break-inside: avoid;\n background: transparent;\n background-image: none;\n border: 1px solid var(--border-default-grey);\n border-left: 0.25rem solid var(--border-default-grey);\n }\n}\n@media print {\n .fr-modal {\n background-color: white;\n flex-direction: column-reverse;\n }\n .fr-modal__body {\n border: 1px solid var(--border-default-grey);\n margin-bottom: auto;\n height: max-content;\n max-height: max-content !important;\n }\n .fr-modal__header .fr-btn--close {\n display: none;\n }\n}\n@media print {\n .fr-navigation {\n display: none;\n }\n}\n@media print {\n .fr-share {\n display: none;\n }\n}\n@media print {\n .fr-footer {\n display: none;\n }\n}\n@media print {\n .fr-tile .fr-tile__desc,\n .fr-tile .fr-tile__detail, .fr-tile__desc, .fr-tile__detail,\n .fr-tile--sm .fr-tile__desc,\n .fr-tile--sm .fr-tile__detail,\n .fr-tile--sm__desc,\n .fr-tile--sm__detail {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-tile {\n page-break-inside: avoid;\n border: 1px solid var(--border-default-grey);\n }\n .fr-tile:not(.fr-tile--horizontal):not(.fr-tile--download) .fr-tile__content {\n padding-bottom: 0 !important;\n }\n .fr-tile__title::before {\n background-image: none !important;\n }\n .fr-tile__title a::before,\n .fr-tile__title button::before {\n background-image: none !important;\n }\n .fr-tile__title a::after,\n .fr-tile__title button::after {\n display: none;\n }\n}\n@media print {\n .fr-translate {\n display: none;\n }\n}\n@media print {\n .fr-transcription__btn {\n display: none;\n }\n .fr-transcription__footer {\n display: none;\n }\n .fr-transcription .fr-modal:not(.fr-modal--opened) {\n display: none;\n }\n}\n@media print {\n .fr-input-group::before {\n background-image: none;\n }\n .fr-input-group input,\n .fr-input-group textarea {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n }\n}\n@media print {\n .fr-search-bar input {\n background-color: transparent;\n border-top: 1px solid var(--border-default-grey);\n border-left: 1px solid var(--border-default-grey);\n }\n}\n@media print {\n .fr-content-media__caption {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-content-media__caption .fr-link {\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0 0;\n }\n .fr-content-media__caption .fr-link::before, .fr-content-media__caption .fr-link::after {\n --icon-size: 1rem;\n }\n}\n@media print {\n .fr-consent-banner {\n display: none;\n }\n}\n@media print {\n /**\n * Mixin d'ajout des icones des réseaux sociaux\n **/\n /**\n * Mixin d'ajout des icones des réseaux sociaux\n **/\n .fr-follow {\n display: none;\n }\n}\n@media print {\n .fr-password input {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n }\n}\n@media print {\n .fr-header__menu {\n display: none;\n }\n .fr-header__body-row {\n padding: 0;\n }\n .fr-header__body .fr-header__tools,\n .fr-header__body .fr-header__navbar {\n display: none;\n }\n .fr-header__brand {\n flex-wrap: nowrap;\n }\n .fr-header__brand-top {\n width: auto;\n }\n .fr-header__service {\n box-shadow: none;\n }\n}","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Range Print\n/// @group Range\n////\n\n#{ns(range-group)} {\n @include before {\n background-image: none !important;\n }\n}\n\n#{ns(range)}[data-fr-js-range] {\n @include after {\n background-color: transparent !important;\n box-shadow: none !important;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n","@use 'src/module/color';\n\n#{ns(accordion)} {\n box-shadow: inset 0 0 0 1px var(--border-default-grey);\n\n @include before {\n box-shadow: none;\n }\n\n &__btn {\n box-shadow: inset 0 0 0 1px var(--border-default-grey);\n page-break-after: avoid;\n\n @include after {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n transform: rotate(-180deg);\n }\n }\n\n #{ns(collapse)} {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n\n visibility: visible;\n @include padding(1rem);\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'src/module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Badge Print\n/// @group badge\n////\n\n#{ns(badge)} {\n border: solid 1px currentColor;\n\n @include before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n","#{ns-group(connect)} {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n p {\n @include text-style(md);\n }\n\n #{ns(connect)} + p a {\n @include text-style(md);\n }\n}\n","#{ns(quote)} {\n &__author,\n cite,\n figcaption li {\n @include text-style(md);\n }\n\n @include before {\n display: none;\n }\n}\n","#{ns(breadcrumb)} {\n display: none;\n}\n","#{ns(hint-text)} {\n @include text-style(md);\n}\n\n#{ns(message)} {\n @include before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n","#{ns(stepper)} {\n &__steps {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n &__state,\n &__details {\n @include text-style(md);\n }\n}\n","#{ns(tooltip)} {\n display: none;\n}\n","////\n/// Link Print\n/// @group Link\n////\n\n#{ns(link)} {\n @include _pseudo(before after) {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n","#{ns(sidemenu)} {\n display: none;\n}\n","////\n/// Highlight Print\n/// @group Highlight\n////\n\n#{ns(highlight)} {\n border-left: 4px solid var(--border-default-grey);\n background-image: none;\n}\n","////\n/// Tab Print\n/// @group Tab\n////\n\n#{ns(tabs)} {\n page-break-inside: avoid;\n\n &__tab {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n background-image: none !important;\n\n &[aria-selected=true] {\n border-top: 2px solid var(--border-active-blue-france);\n border-bottom: none;\n }\n }\n}\n","////\n/// Pagination Print\n/// @group Pagination\n////\n\n#{ns(pagination)} {\n &__link[aria-current]:not([aria-current=false]) {\n font-weight: bold;\n background: none;\n color: black;\n border: 1px solid;\n }\n\n &__link--prev,\n &__link--next {\n @include _pseudo(before after) {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n}\n","#{ns(summary)} {\n display: none;\n}\n","#{ns(table)} {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n td,\n th {\n @include text-style(md);\n }\n}\n","////\n/// Alert Print\n/// @group alert\n////\n\n#{ns(alert)} {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n\n #{ns(btn--close)} {\n display: none;\n }\n}\n","////\n/// Notice Print\n/// @group Notice\n////\n\n#{ns(notice)} {\n border-top: 1px solid var(--border-default-grey);\n border-bottom: 1px solid var(--border-default-grey);\n margin-bottom: 1rem;\n\n #{ns(btn--close)} {\n display: none;\n }\n\n &__title {\n @include before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n\n &--weather-red,\n &--attack {\n color: var(--text-default-error);\n background: none;\n }\n\n &--witness,\n &--cyberattack {\n color: var(--text-default-grey);\n background: none;\n }\n\n &--weather-purple {\n color: var(--text-label-purple-glycine);\n background: none;\n }\n}\n","////\n/// Radio Print\n/// @group Radio\n////\n\n#{ns(radio-group)} {\n page-break-inside: avoid;\n\n input[type=radio]:checked + label,\n input[type=radio] + label {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n #{ns(radio-rich__pictogram)} {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n","#{ns(card)} {\n page-break-inside: avoid;\n border: 1px solid var(--border-default-grey);\n background-image: none !important;\n\n &__detail,\n &__desc {\n @include text-style(md);\n }\n\n &__detail {\n line-height: 1rem !important;\n\n @include before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n}\n","////\n/// Card Print\n/// @group card\n////\n\n#{ns(checkbox-group)} {\n input[type=checkbox] + #{ns(label)} {\n @include before {\n border: 1px solid var(--border-default-grey);\n border-radius: 4px;\n background-image: none;\n }\n }\n\n input[type=checkbox]:checked + #{ns(label)} {\n @include before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n}\n","#{ns(toggle)} {\n page-break-inside: avoid;\n\n @include before {\n background-color: none !important;\n }\n\n label {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n\n #{ns(hint-text)} {\n @include text-style(md);\n }\n}\n","#{ns(skiplink)} {\n display: none;\n}\n","////\n/// Select Print\n/// @group Select\n////\n\n#{ns(select-group)} {\n @include before {\n background-image: none !important;\n }\n}\n\n#{ns(select)} {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n","////\n/// Callout Print\n/// @group callout\n////\n\n#{ns(callout)} {\n page-break-inside: avoid;\n background: transparent;\n background-image: none;\n border: 1px solid var(--border-default-grey);\n border-left: 0.25rem solid var(--border-default-grey);\n}\n","#{ns(modal)} {\n background-color: white;\n flex-direction: column-reverse;\n\n &__body {\n border: 1px solid var(--border-default-grey);\n margin-bottom: auto;\n height: max-content;\n max-height: max-content !important;\n }\n\n &__header {\n #{ns(btn--close)} {\n display: none;\n }\n }\n}\n","#{ns(footer)} {\n display: none;\n}\n","////\n/// Tile Print\n/// @group tile\n////\n\n#{ns(tile)},\n#{ns(tile--sm)} {\n #{ns(tile)}__desc,\n #{ns(tile)}__detail,\n &__desc,\n &__detail {\n @include text-style(md);\n }\n}\n\n#{ns(tile)} {\n page-break-inside: avoid;\n border: 1px solid var(--border-default-grey);\n\n &:not(#{ns(tile--horizontal)}):not(#{ns(tile--download)}) &__content {\n padding-bottom: 0 !important;\n }\n\n &__title {\n @include before {\n background-image: none !important;\n }\n\n a,\n button {\n @include before {\n background-image: none !important;\n }\n\n @include after {\n display: none;\n }\n }\n }\n}\n","#{ns(transcription)} {\n &__btn {\n display: none;\n }\n\n &__footer {\n display: none;\n }\n\n #{ns(modal)}:not(#{ns(modal--opened)}) {\n display: none;\n }\n}\n","////\n/// Input Print\n/// @group Input\n////\n\n#{ns(input-group)} {\n @include before {\n background-image: none;\n }\n\n input,\n textarea {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n }\n}\n","////\n/// Search Print\n/// @group Search\n////\n\n#{ns(search-bar)} {\n input {\n background-color: transparent;\n border-top: 1px solid var(--border-default-grey);\n border-left: 1px solid var(--border-default-grey);\n }\n}\n","#{ns(content-media)} {\n &__caption {\n @include text-style(md);\n @include nest-link(md, null);\n }\n}\n","////\n/// Core Tool : Selector nest\n/// @group core\n////\n\n@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'src/module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'src/module/path';\n@use 'src/module/spacing';\n@use 'src/module/specificity';\n@use 'src/module/preference';\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@mixin icon-forced-color($color: graytext, $adjust: false, $restrain: before after) {\n @include _pseudo($restrain) {\n @include preference.forced-colors {\n @if $adjust == true {\n forced-color-adjust: none;\n }\n background-color: $color;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\n }\n}\n","////\n/// Follow Print\n/// @group follow\n////\n\n#{ns(follow)} {\n display: none;\n}\n","////\n/// Password Print\n/// @group Password\n////\n\n#{ns(password)} {\n input {\n background-color: transparent;\n border: 1px solid var(--border-default-grey);\n }\n}\n","#{ns(header)} {\n &__menu {\n display: none;\n }\n\n &__body {\n &-row {\n @include padding(0);\n }\n\n #{ns(header)}__tools,\n #{ns(header)}__navbar {\n display: none;\n }\n }\n\n &__brand {\n flex-wrap: nowrap;\n\n &-top {\n width: auto;\n }\n }\n\n &__service {\n box-shadow: none;\n }\n}\n"]}