@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 39.5 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","%3Cinput%20css%20_GHd47%3E","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","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/logo/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/button/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/tag/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/navigation/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/share/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/translate/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/consent/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/follow/style/_tool.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":"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","file":"component.print.css","sourcesContent":[null,"@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/// 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","////\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(logo)} {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n","////\n/// Button Print\n/// @group button\n////\n\n#{ns(btn)} {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\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/// Tag Print\n/// @group tag\n////\n\n#{ns(tag)} {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\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","#{selector.ns(navigation)} {\n display: none;\n}\n","#{ns(share)} {\n display: none;\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(translate)} {\n display: none;\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","#{ns(consent)} {\n &-banner {\n display: none;\n }\n}\n","////\n/// Follow Tool\n/// @group follow\n////\n\n/**\n* Mixin d'ajout des icones des réseaux sociaux\n**/\n@mixin build-follow-social-icons() {\n @each $name, $icon in $follow-icons {\n #{ns('btn--' + $name)} {\n @include icon-image($icon, before);\n }\n }\n}\n\n/**\n* Mixin d'ajout des icones des réseaux sociaux\n**/\n@mixin build-follow-social-icons-legacy() {\n @each $name, $icon in $follow-icons {\n #{ns('btn--' + $name)} {\n @include icon-image-legacy($icon, before);\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"]}