Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
  • developpements
  • images
  • main
3 results

Target

Select target project
  • pub/cgdd-public/bun-poleweb/systeme-de-design-de-l-etat/cms-spip/z-dsfr
1 result
Select Git revision
  • developpements
  • images
  • main
3 results
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 499 additions and 60 deletions
design_system_admin/dsfr/component/breadcrumb/breadcrumb.legacy.min.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | 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 (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-breadcrumb ol,.fr-breadcrumb ul{list-style-type:none}.fr-breadcrumb ol,.fr-breadcrumb ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-breadcrumb__link:not([aria-current]):after{background-color:transparent;background-image:url(../../icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-breadcrumb{color:#666}.fr-breadcrumb__link[aria-current]{color:#161616}}
\ No newline at end of file
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-breadcrumb ol,.fr-breadcrumb ul{list-style-type:none}.fr-breadcrumb ol,.fr-breadcrumb ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-breadcrumb__link:not([aria-current]):after,.fr-breadcrumb__link[aria-current=false]:after{background-color:transparent;background-image:url(../../icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-breadcrumb{color:#666}.fr-breadcrumb__link[aria-current]:not([aria-current=false]){color:#3a3a3a}}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.legacy.min.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%203xZV0H%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss"],"names":[],"mappings":"AAAA;;GAAA,ACeI;ECRI,cAAA,CCJR,CFYI;ECRI,cAAA,CCDR,CFSI;ECRI,cAAA,CCER,CFMI;ECRI,cAAA,CCKR,CCHI,2DCiEA,oCACE,oBFrDJ,CEwDE,oCCpDE,eARA,CAOA,YAPA,CAWA,cHDJ,CIZA,+CCME,4BAAA,CANA,+DAFI,CAUJ,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UNzBJ,COzBA,eCiCE,URIF,COlCE,mCC8BA,aRSF,CATF","file":"breadcrumb.legacy.min.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset liste à puce\n */\n .fr-breadcrumb ul {\n list-style-type: none;\n }\n .fr-breadcrumb ol {\n list-style-type: none;\n }\n .fr-breadcrumb ul,\n .fr-breadcrumb ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n .fr-breadcrumb__link:not([aria-current])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-breadcrumb__link:not([aria-current])::after {\n background-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n }\n .fr-breadcrumb__link:not([aria-current])::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb {\n color: #666;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb__link[aria-current] {\n color: #161616;\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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/// 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/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Breadcrumb Scheme\n/// @group breadcrumb\n////\n\n@use 'module/color';\n\n@mixin _breadcrumb-scheme($legacy: false) {\n #{ns(breadcrumb)} {\n @include color.text(mention grey, (legacy:$legacy));\n\n &__link[aria-current] {\n @include color.text(active grey, (legacy:$legacy));\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%206QdMSB%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/module/selector/mixin/_current.scss"],"names":[],"mappings":"AAAA;;GAAA,ACeI;ECRI,cAAA,CCJR,CFYI;ECRI,cAAA,CCDR,CFSI;ECRI,cAAA,CCER,CFMI;ECRI,cAAA,CCKR,CCHI,2DCiEA,oCACE,oBFrDJ,CEwDE,oCCpDE,eARA,CAOA,YAPA,CAWA,cHDJ,CIZA,8FCME,4BAAA,CANA,+DAFI,CAUJ,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UNzBJ,COxBA,eCgCE,URIF,CSzCA,6DDqCE,aRSF,CATF","file":"breadcrumb.legacy.min.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@charset \"UTF-8\";\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset liste à puce\n */\n .fr-breadcrumb ul {\n list-style-type: none;\n }\n .fr-breadcrumb ol {\n list-style-type: none;\n }\n .fr-breadcrumb ul,\n .fr-breadcrumb ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n .fr-breadcrumb__link:not([aria-current])::after, .fr-breadcrumb__link[aria-current=false]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-breadcrumb__link:not([aria-current])::after, .fr-breadcrumb__link[aria-current=false]::after {\n background-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n }\n .fr-breadcrumb__link:not([aria-current])::after, .fr-breadcrumb__link[aria-current=false]::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb {\n color: #666;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n color: #3a3a3a;\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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/// 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/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Breadcrumb Scheme\n/// @group breadcrumb\n////\n\n@use 'module/color';\n@use 'module/selector';\n\n@mixin _breadcrumb-scheme($legacy: false) {\n #{ns(breadcrumb)} {\n @include color.text(mention grey, (legacy:$legacy));\n\n &__link {\n @include selector.current {\n @include color.text(default grey, (legacy:$legacy));\n }\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","/// Ajout d'un sélecteur pour l'élément courant\n/// @access public\n\n@mixin current {\n &[aria-current]:not([aria-current=\"false\"]) {\n @content;\n }\n}\n\n@mixin not-current {\n &:not([aria-current]),\n &[aria-current=\"false\"] {\n @content;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.main.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@charset "UTF-8";
......@@ -88,7 +88,7 @@ un padding de 4px et une marge négative en compensation sont mis en place afin
content: "";
margin-left: 0.25rem;
margin-right: 0.25rem;
vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);
vertical-align: -0.0625em;
}
.fr-breadcrumb__link {
......@@ -112,12 +112,12 @@ un padding de 4px et une marge négative en compensation sont mis en place afin
--underline-hover-width: var(--underline-max-width);
}
.fr-breadcrumb__link[aria-current] {
.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {
pointer-events: none;
cursor: default;
--underline-img: none;
color: var(--text-active-grey);
color: var(--text-default-grey);
}
@media (min-width: 36em) {
/*! media sm */
......@@ -140,7 +140,7 @@ un padding de 4px et une marge négative en compensation sont mis en place afin
transform: none;
visibility: inherit;
overflow: visible;
max-height: initial;
max-height: none;
}
.fr-breadcrumb .fr-collapse::before {
......
design_system_admin/dsfr/component/breadcrumb/breadcrumb.main.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","%3Cinput%20css%20hErYSz%3E","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;;ACEA;;EAAA;AAGA;ECuBI,mBAfE;ECQJ,kBAAA;EAGE,oBAAA;;EA4EA,0BAAA;EF1FF,kBAAA;EG0BE,+BAAA;ALhBJ;;AERE;EI0BA,4DAAA;EACA,wGAAA;EACA,uCAAA;EACA,8BAAA;EACA,0IAAA;EFrBA,kBAAA;EAGE,oBAAA;EDIA,SAfE;EAeF,UAfE;;EI0CF,yBAAA;EAOA,0BAAA;EL3CA,cAAA;AFoBJ;;AMWE;;EAEE,mDAAA;ANVJ;;AErBI;EACE,aAAA;AFuBN;;AEfE;ECdI,iBAHA;EAIA,kBAJA;EAGA,iBAHA;EAIA,kBAJA;EDoBF,2BAAA;AFwBJ;;AQ5CE;ECOA,eAAA;EACA,eAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EPsBE,0BAAA;AFkCJ;;AE5BI;EACE,eAAA;EACA,oBAAA;;EAEA;;GAAA;AFoCN;;AUnFE;ECyCE,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,oEF0CM;EEzCN,4DFyCM;EANJ,iBAAA;EDvBE,WCqD+B;ERnD/B,oBAHA;EAIA,qBAJA;EDmDI,wDAAA;AFwCV;;AElCE;EACE,mBAAA;EACA,kBAAA;EIlCF,4DAAA;EACA,wGAAA;EACA,uCAAA;EACA,8BAAA;EACA,0IAAA;;ECaE,yBAAA;EAOA,0BAAA;EHzCF,kBAAA;EAGE,oBAAA;EDIA,UAfE;AHsHN;;AMjFE;;EAEE,mDAAA;ANkFJ;;AEvDI;EACE,oBAAA;EACA,eAAA;;EIrDJ,qBAAA;EDQE,8BAAA;ALuGJ;AcjII;ECRI,cAAA;AfDR;AcSI;ECRI,cAAA;EbGR;ICmBM,qBAXA;EHWJ;;EEZA;IAcI,aAAA;EFuBJ;;EEnBA;ICdI,cAHA;IAIA,eAJA;IAGA,eAHA;IAIA,gBAJA;IDyBA,eAAA;IACA,mBAAA;IACA,iBAAA;IACA,mBAAA;EF2BJ;;EUzDA;IAGI,aR4BgB;EF6BpB;;EQ1DA;INsCI,eAAA;EFmCJ;AAlFF;AcMI;ECRI,cAAA;AfKR;AcGI;ECRI,cAAA;AfQR","file":"breadcrumb.main.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n.fr-breadcrumb {\n margin: 1rem 0 2rem;\n font-size: 0.75rem;\n line-height: 1.25rem;\n --text-spacing: 0 0 0.5rem;\n position: relative;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb {\n margin-bottom: 2.5rem;\n }\n}\n.fr-breadcrumb__button {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n font-size: 0.75rem;\n line-height: 1.25rem;\n margin: 0;\n padding: 0;\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n color: inherit;\n}\n.fr-breadcrumb__button:hover, .fr-breadcrumb__button:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__button[aria-expanded=true] {\n display: none;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__button {\n display: none;\n }\n}\n.fr-breadcrumb .fr-collapse {\n margin-left: -4px;\n margin-right: -4px;\n padding-left: 4px;\n padding-right: 4px;\n transform: translateY(-4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb .fr-collapse {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: initial;\n }\n .fr-breadcrumb .fr-collapse::before {\n content: none;\n }\n}\n.fr-breadcrumb__list {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n transform: translateY(4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__list {\n transform: none;\n }\n}\n.fr-breadcrumb__list li {\n display: inline;\n line-height: 1.75rem;\n /**\n * flèche séparatrice en font-icon\n */\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n -webkit-mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n --icon-size: 1rem;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n content: \"\";\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);\n}\n.fr-breadcrumb__link {\n vertical-align: top;\n position: relative;\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n font-size: 0.75rem;\n line-height: 1.25rem;\n padding: 0;\n}\n.fr-breadcrumb__link:hover, .fr-breadcrumb__link:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__link[aria-current] {\n pointer-events: none;\n cursor: default;\n --underline-img: none;\n}\n\n.fr-breadcrumb {\n color: var(--text-mention-grey);\n}\n.fr-breadcrumb__link[aria-current] {\n color: var(--text-active-grey);\n}","////\n/// Breadcrumb Main\n/// @group breadcrumb\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n@include _breadcrumb-scheme;\n","////\n/// Breadcrumb Module\n/// @group breadcrumb\n////\n\n@use 'module/spacing';\n\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n#{ns(breadcrumb)} {\n @include margin(4v 0 8v);\n @include margin-bottom(10v, md);\n @include text-style(xs);\n @include set-text-margin(0 0 2v);\n position: relative;\n\n &__button {\n @include link-underline;\n @include text-style(xs);\n @include margin(0);\n @include padding(0);\n @include disable-tint;\n @include hover-underline;\n color: inherit;\n\n &[aria-expanded=\"true\"] {\n display: none;\n }\n\n @include respond-from(md) {\n display: none;\n }\n }\n\n #{ns(collapse)} {\n @include margin-x(-4px);\n @include padding-x(4px);\n transform: translateY(-4px);\n\n @include respond-from(md) {\n @include margin-x(0);\n @include padding-x(0);\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: initial;\n @include before(none);\n }\n }\n\n @include list() {\n @include disable-list-style;\n transform: translateY(4px);\n\n @include respond-from(md) {\n transform: none;\n }\n\n li {\n display: inline;\n line-height: spacing.space(7v);\n\n /**\n * flèche séparatrice en font-icon\n */\n &:not(:first-child) {\n @include icon(arrow-right-s-line, sm, before) {\n @include margin-x(1v);\n vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);\n }\n }\n }\n }\n\n &__link {\n vertical-align: top;\n position: relative;\n @include link-underline;\n @include disable-tint;\n @include text-style(xs);\n @include hover-underline;\n @include padding(0);\n\n &[aria-current] {\n pointer-events: none;\n cursor: default;\n @include disable-underline;\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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/// Core Tool : Typography build\n/// @group core\n////\n\n@use '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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\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/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","%3Cinput%20css%20ff3BDW%3E","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/selector/mixin/_current.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;;ACGA;;EAAA;AAGA;ECsBI,mBAfE;ECQJ,kBAAA;EAGE,oBAAA;;EA4EA,0BAAA;EFzFF,kBAAA;EGyBE,+BAAA;ALhBJ;;AEPE;EIyBA,4DAAA;EACA,wGAAA;EACA,uCAAA;EACA,8BAAA;EACA,0IAAA;EFrBA,kBAAA;EAGE,oBAAA;EDIA,SAfE;EAeF,UAfE;;EI0CF,yBAAA;EAOA,0BAAA;EL1CA,cAAA;AFmBJ;;AMWE;;EAEE,mDAAA;ANVJ;;AEpBI;EACE,aAAA;AFsBN;;AEdE;ECfI,iBAHA;EAIA,kBAJA;EAGA,iBAHA;EAIA,kBAJA;EDqBF,2BAAA;AFuBJ;;AQ5CE;ECOA,eAAA;EACA,eAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EPuBE,0BAAA;AFiCJ;;AE3BI;EACE,eAAA;EACA,oBAAA;;EAEA;;GAAA;AFmCN;;AUnFE;ECyCE,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;ECFE,uBAAA;EAGA,wBAAA;EClDJ,4BFmD2B;EElD3B,oBFkD2B;EExD3B,oEF0CM;EEzCN,4DFyCM;EANJ,iBAAA;EDvBE,WCqD+B;ERnD/B,oBAHA;EAIA,qBAJA;EDoDI,yBAAA;AFuCV;;AEjCE;EACE,mBAAA;EACA,kBAAA;EInCF,4DAAA;EACA,wGAAA;EACA,uCAAA;EACA,8BAAA;EACA,0IAAA;;ECaE,yBAAA;EAOA,0BAAA;EHzCF,kBAAA;EAGE,oBAAA;EDIA,UAfE;AHsHN;;AMjFE;;EAEE,mDAAA;ANkFJ;;AcvIE;EZkFI,oBAAA;EACA,eAAA;;EItDJ,qBAAA;EDQE,+BAAA;ALuGJ;AejII;ECRI,cAAA;AhBDR;AeSI;ECRI,cAAA;EdIR;ICkBM,qBAXA;EHWJ;;EEXA;IAcI,aAAA;EFsBJ;;EElBA;ICfI,cAHA;IAIA,eAJA;IAGA,eAHA;IAIA,gBAJA;ID0BA,eAAA;IACA,mBAAA;IACA,iBAAA;IACA,gBAAA;EF0BJ;;EUzDA;IAGI,aR6BgB;EF4BpB;;EQ1DA;INuCI,eAAA;EFkCJ;AAlFF;AeMI;ECRI,cAAA;AhBKR;AeGI;ECRI,cAAA;AhBQR","file":"breadcrumb.main.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n.fr-breadcrumb {\n margin: 1rem 0 2rem;\n font-size: 0.75rem;\n line-height: 1.25rem;\n --text-spacing: 0 0 0.5rem;\n position: relative;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb {\n margin-bottom: 2.5rem;\n }\n}\n.fr-breadcrumb__button {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n font-size: 0.75rem;\n line-height: 1.25rem;\n margin: 0;\n padding: 0;\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n color: inherit;\n}\n.fr-breadcrumb__button:hover, .fr-breadcrumb__button:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__button[aria-expanded=true] {\n display: none;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__button {\n display: none;\n }\n}\n.fr-breadcrumb .fr-collapse {\n margin-left: -4px;\n margin-right: -4px;\n padding-left: 4px;\n padding-right: 4px;\n transform: translateY(-4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb .fr-collapse {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: none;\n }\n .fr-breadcrumb .fr-collapse::before {\n content: none;\n }\n}\n.fr-breadcrumb__list {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n transform: translateY(4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__list {\n transform: none;\n }\n}\n.fr-breadcrumb__list li {\n display: inline;\n line-height: 1.75rem;\n /**\n * flèche séparatrice en font-icon\n */\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n -webkit-mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n --icon-size: 1rem;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n content: \"\";\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n vertical-align: -0.0625em;\n}\n.fr-breadcrumb__link {\n vertical-align: top;\n position: relative;\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n font-size: 0.75rem;\n line-height: 1.25rem;\n padding: 0;\n}\n.fr-breadcrumb__link:hover, .fr-breadcrumb__link:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n pointer-events: none;\n cursor: default;\n --underline-img: none;\n}\n\n.fr-breadcrumb {\n color: var(--text-mention-grey);\n}\n.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n color: var(--text-default-grey);\n}","////\n/// Breadcrumb Main\n/// @group breadcrumb\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n@include _breadcrumb-scheme;\n","////\n/// Breadcrumb Module\n/// @group breadcrumb\n////\n\n@use 'module/spacing';\n@use 'module/selector';\n\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n#{ns(breadcrumb)} {\n @include margin(4v 0 8v);\n @include margin-bottom(10v, md);\n @include text-style(xs);\n @include set-text-margin(0 0 2v);\n position: relative;\n\n &__button {\n @include link-underline;\n @include text-style(xs);\n @include margin(0);\n @include padding(0);\n @include disable-tint;\n @include hover-underline;\n color: inherit;\n\n &[aria-expanded=\"true\"] {\n display: none;\n }\n\n @include respond-from(md) {\n display: none;\n }\n }\n\n #{ns(collapse)} {\n @include margin-x(-4px);\n @include padding-x(4px);\n transform: translateY(-4px);\n\n @include respond-from(md) {\n @include margin-x(0);\n @include padding-x(0);\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: none;\n @include before(none);\n }\n }\n\n @include list() {\n @include disable-list-style;\n transform: translateY(4px);\n\n @include respond-from(md) {\n transform: none;\n }\n\n li {\n display: inline;\n line-height: spacing.space(7v);\n\n /**\n * flèche séparatrice en font-icon\n */\n &:not(:first-child) {\n @include icon(arrow-right-s-line, sm, before) {\n @include margin-x(1v);\n vertical-align: -0.0625em;\n }\n }\n }\n }\n\n &__link {\n vertical-align: top;\n position: relative;\n @include link-underline;\n @include disable-tint;\n @include text-style(xs);\n @include hover-underline;\n @include padding(0);\n\n @include selector.current {\n pointer-events: none;\n cursor: default;\n @include disable-underline;\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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/// Core Tool : Typography build\n/// @group core\n////\n\n@use '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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\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/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n\n@mixin mask-image-repeat($value) {\n -webkit-mask-repeat: $value;\n mask-repeat: $value;\n}\n","/// Ajout d'un sélecteur pour l'élément courant\n/// @access public\n\n@mixin current {\n &[aria-current]:not([aria-current=\"false\"]) {\n @content;\n }\n}\n\n@mixin not-current {\n &:not([aria-current]),\n &[aria-current=\"false\"] {\n @content;\n }\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.main.min.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-breadcrumb{--text-spacing:0 0 0.5rem;color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin:1rem 0 2rem;position:relative}.fr-breadcrumb__button{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);color:inherit;font-size:.75rem;line-height:1.25rem;margin:0;padding:0;transition:background-size 0s}.fr-breadcrumb__button:active,.fr-breadcrumb__button:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__button[aria-expanded=true]{display:none}.fr-breadcrumb .fr-collapse{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transform:translateY(-4px)}.fr-breadcrumb__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;transform:translateY(4px)}.fr-breadcrumb__list li{display:inline;line-height:1.75rem}.fr-breadcrumb__list li:not(:first-child):before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:.25rem;-webkit-mask-image:url(../../icons/system/arrow-right-s-line.svg);mask-image:url(../../icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:calc((1.05rem - var(--icon-size))*.5);width:var(--icon-size)}.fr-breadcrumb__link{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);font-size:.75rem;line-height:1.25rem;padding:0;position:relative;transition:background-size 0s;vertical-align:top}.fr-breadcrumb__link:active,.fr-breadcrumb__link:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__link[aria-current]{--underline-img:none;color:var(--text-active-grey);cursor:default;pointer-events:none}@media (min-width:36em){
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-breadcrumb{--text-spacing:0 0 0.5rem;color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin:1rem 0 2rem;position:relative}.fr-breadcrumb__button{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);color:inherit;font-size:.75rem;line-height:1.25rem;margin:0;padding:0;transition:background-size 0s}.fr-breadcrumb__button:active,.fr-breadcrumb__button:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__button[aria-expanded=true]{display:none}.fr-breadcrumb .fr-collapse{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transform:translateY(-4px)}.fr-breadcrumb__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;transform:translateY(4px)}.fr-breadcrumb__list li{display:inline;line-height:1.75rem}.fr-breadcrumb__list li:not(:first-child):before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:.25rem;-webkit-mask-image:url(../../icons/system/arrow-right-s-line.svg);mask-image:url(../../icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:-.0625em;width:var(--icon-size)}.fr-breadcrumb__link{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);font-size:.75rem;line-height:1.25rem;padding:0;position:relative;transition:background-size 0s;vertical-align:top}.fr-breadcrumb__link:active,.fr-breadcrumb__link:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__link[aria-current]:not([aria-current=false]){--underline-img:none;color:var(--text-default-grey);cursor:default;pointer-events:none}@media (min-width:36em){
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-breadcrumb{margin-bottom:2.5rem}.fr-breadcrumb__button{display:none}.fr-breadcrumb .fr-collapse{margin-left:0;margin-right:0;max-height:none;overflow:visible;padding-left:0;padding-right:0;transform:none;visibility:inherit}.fr-breadcrumb .fr-collapse:before{content:none}.fr-breadcrumb__list{transform:none}}@media (min-width:62em){
/*! media lg */}@media (min-width:78em){
......
design_system_admin/dsfr/component/breadcrumb/breadcrumb.main.min.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","%3Cinput%20css%20hRp-3Y%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA,ACUA,eC+FI,yBAAA,CChEA,8BAAA,CDfF,gBAAA,CAGE,mBAAA,CEIA,kBAfE,CHHJ,iBIUF,CJRE,uBK2CE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CNvBE,aAAA,CCEF,gBAAA,CAGE,mBAAA,CEIA,QAfE,CAeF,SAfE,CG4BJ,6BFFF,CEWE,2DAEE,kDFVJ,CJrBI,2CACE,YIuBN,CJfE,4BGdI,gBAHA,CAIA,iBAJA,CAGA,gBAHA,CAIA,iBAJA,CHoBF,0BIwBJ,CG5CE,qBCOA,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CRsBE,yBIkCJ,CJ5BI,wBACE,cAAA,CACA,mBIsCN,CKnFE,iDC0BE,gBAAA,CAkBA,6BAAA,CDzCE,UCqD+B,CAdjC,oBAAA,CADA,aAAA,CCIE,uBAAA,CRxCA,kBAHA,CAIA,mBAJA,CSZJ,iEF0CM,CEzCN,yDFyCM,CErCN,2BFmD2B,CElD3B,mBFkD2B,CAHzB,kDAAA,CVUM,oDAAA,CWXJ,sBPmDN,CJlCE,qBKfE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CLrBA,gBAAA,CAGE,mBAAA,CEIA,SAfE,CH2DF,iBAAA,CM/BF,6BAAA,CN8BE,kBI4DJ,CEjFE,uDAEE,kDFkFJ,CJvDI,mCMnDF,oBAAA,CJQE,6BAAA,CF6CE,cAAA,CADA,mBI2DN,CSjII;ECRI,cAAA,CVDR,CSSI;ECRI,cAAA,CdGR,eGmBM,oBCAJ,CJZA,uBAcI,YIuBJ,CJnBA,4BGdI,aAHA,CAIA,cAJA,CH4BA,eAAA,CADA,gBAAA,CGxBA,cAHA,CAIA,eAJA,CHyBA,cAAA,CACA,kBI6BJ,CKzDA,mCAGI,YLyDJ,CG1DA,qBPsCI,cImCJ,CAlFF,CSMI;ECRI,cAAA,CVKR,CSGI;ECRI,cAAA,CVQR","file":"breadcrumb.main.min.css","sourcesContent":[null,"////\n/// Breadcrumb Module\n/// @group breadcrumb\n////\n\n@use 'module/spacing';\n\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n#{ns(breadcrumb)} {\n @include margin(4v 0 8v);\n @include margin-bottom(10v, md);\n @include text-style(xs);\n @include set-text-margin(0 0 2v);\n position: relative;\n\n &__button {\n @include link-underline;\n @include text-style(xs);\n @include margin(0);\n @include padding(0);\n @include disable-tint;\n @include hover-underline;\n color: inherit;\n\n &[aria-expanded=\"true\"] {\n display: none;\n }\n\n @include respond-from(md) {\n display: none;\n }\n }\n\n #{ns(collapse)} {\n @include margin-x(-4px);\n @include padding-x(4px);\n transform: translateY(-4px);\n\n @include respond-from(md) {\n @include margin-x(0);\n @include padding-x(0);\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: initial;\n @include before(none);\n }\n }\n\n @include list() {\n @include disable-list-style;\n transform: translateY(4px);\n\n @include respond-from(md) {\n transform: none;\n }\n\n li {\n display: inline;\n line-height: spacing.space(7v);\n\n /**\n * flèche séparatrice en font-icon\n */\n &:not(:first-child) {\n @include icon(arrow-right-s-line, sm, before) {\n @include margin-x(1v);\n vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);\n }\n }\n }\n }\n\n &__link {\n vertical-align: top;\n position: relative;\n @include link-underline;\n @include disable-tint;\n @include text-style(xs);\n @include hover-underline;\n @include padding(0);\n\n &[aria-current] {\n pointer-events: none;\n cursor: default;\n @include disable-underline;\n }\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use '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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n.fr-breadcrumb {\n margin: 1rem 0 2rem;\n font-size: 0.75rem;\n line-height: 1.25rem;\n --text-spacing: 0 0 0.5rem;\n position: relative;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb {\n margin-bottom: 2.5rem;\n }\n}\n.fr-breadcrumb__button {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n font-size: 0.75rem;\n line-height: 1.25rem;\n margin: 0;\n padding: 0;\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n color: inherit;\n}\n.fr-breadcrumb__button:hover, .fr-breadcrumb__button:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__button[aria-expanded=true] {\n display: none;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__button {\n display: none;\n }\n}\n.fr-breadcrumb .fr-collapse {\n margin-left: -4px;\n margin-right: -4px;\n padding-left: 4px;\n padding-right: 4px;\n transform: translateY(-4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb .fr-collapse {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: initial;\n }\n .fr-breadcrumb .fr-collapse::before {\n content: none;\n }\n}\n.fr-breadcrumb__list {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n transform: translateY(4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__list {\n transform: none;\n }\n}\n.fr-breadcrumb__list li {\n display: inline;\n line-height: 1.75rem;\n /**\n * flèche séparatrice en font-icon\n */\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n -webkit-mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n --icon-size: 1rem;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n content: \"\";\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);\n}\n.fr-breadcrumb__link {\n vertical-align: top;\n position: relative;\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n font-size: 0.75rem;\n line-height: 1.25rem;\n padding: 0;\n}\n.fr-breadcrumb__link:hover, .fr-breadcrumb__link:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__link[aria-current] {\n pointer-events: none;\n cursor: default;\n --underline-img: none;\n}\n\n.fr-breadcrumb {\n color: var(--text-mention-grey);\n}\n.fr-breadcrumb__link[aria-current] {\n color: var(--text-active-grey);\n}","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\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/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","%3Cinput%20css%20fL1j3i%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/selector/mixin/_current.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA,ACWA,eC8FI,yBAAA,CChEA,8BAAA,CDfF,gBAAA,CAGE,mBAAA,CEIA,kBAfE,CHFJ,iBISF,CJPE,uBK0CE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CNtBE,aAAA,CCCF,gBAAA,CAGE,mBAAA,CEIA,QAfE,CAeF,SAfE,CG4BJ,6BFFF,CEWE,2DAEE,kDFVJ,CJpBI,2CACE,YIsBN,CJdE,4BGfI,gBAHA,CAIA,iBAJA,CAGA,gBAHA,CAIA,iBAJA,CHqBF,0BIuBJ,CG5CE,qBCOA,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CRuBE,yBIiCJ,CJ3BI,wBACE,cAAA,CACA,mBIqCN,CKnFE,iDC0BE,gBAAA,CAkBA,6BAAA,CDzCE,UCqD+B,CAdjC,oBAAA,CADA,aAAA,CCIE,uBAAA,CRxCA,kBAHA,CAIA,mBAJA,CSZJ,iEF0CM,CEzCN,yDFyCM,CErCN,2BFmD2B,CElD3B,mBFkD2B,CAHzB,kDAAA,CVWM,uBAAA,CWZJ,sBPmDN,CJjCE,qBKhBE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CLrBA,gBAAA,CAGE,mBAAA,CEIA,SAfE,CH4DF,iBAAA,CMhCF,6BAAA,CN+BE,kBI2DJ,CEjFE,uDAEE,kDFkFJ,CSvIE,6DP6BA,oBAAA,CJQE,8BAAA,CF8CE,cAAA,CADA,mBI0DN,CUjII;ECRI,cAAA,CXDR,CUSI;ECRI,cAAA,CfIR,eGkBM,oBCAJ,CJXA,uBAcI,YIsBJ,CJlBA,4BGfI,aAHA,CAIA,cAJA,CH6BA,eAAA,CADA,gBAAA,CGzBA,cAHA,CAIA,eAJA,CH0BA,cAAA,CACA,kBI4BJ,CKzDA,mCAGI,YLyDJ,CG1DA,qBPuCI,cIkCJ,CAlFF,CUMI;ECRI,cAAA,CXKR,CUGI;ECRI,cAAA,CXQR","file":"breadcrumb.main.min.css","sourcesContent":[null,"////\n/// Breadcrumb Module\n/// @group breadcrumb\n////\n\n@use 'module/spacing';\n@use 'module/selector';\n\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n#{ns(breadcrumb)} {\n @include margin(4v 0 8v);\n @include margin-bottom(10v, md);\n @include text-style(xs);\n @include set-text-margin(0 0 2v);\n position: relative;\n\n &__button {\n @include link-underline;\n @include text-style(xs);\n @include margin(0);\n @include padding(0);\n @include disable-tint;\n @include hover-underline;\n color: inherit;\n\n &[aria-expanded=\"true\"] {\n display: none;\n }\n\n @include respond-from(md) {\n display: none;\n }\n }\n\n #{ns(collapse)} {\n @include margin-x(-4px);\n @include padding-x(4px);\n transform: translateY(-4px);\n\n @include respond-from(md) {\n @include margin-x(0);\n @include padding-x(0);\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: none;\n @include before(none);\n }\n }\n\n @include list() {\n @include disable-list-style;\n transform: translateY(4px);\n\n @include respond-from(md) {\n transform: none;\n }\n\n li {\n display: inline;\n line-height: spacing.space(7v);\n\n /**\n * flèche séparatrice en font-icon\n */\n &:not(:first-child) {\n @include icon(arrow-right-s-line, sm, before) {\n @include margin-x(1v);\n vertical-align: -0.0625em;\n }\n }\n }\n }\n\n &__link {\n vertical-align: top;\n position: relative;\n @include link-underline;\n @include disable-tint;\n @include text-style(xs);\n @include hover-underline;\n @include padding(0);\n\n @include selector.current {\n pointer-events: none;\n cursor: default;\n @include disable-underline;\n }\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use '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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n.fr-breadcrumb {\n margin: 1rem 0 2rem;\n font-size: 0.75rem;\n line-height: 1.25rem;\n --text-spacing: 0 0 0.5rem;\n position: relative;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb {\n margin-bottom: 2.5rem;\n }\n}\n.fr-breadcrumb__button {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n font-size: 0.75rem;\n line-height: 1.25rem;\n margin: 0;\n padding: 0;\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n color: inherit;\n}\n.fr-breadcrumb__button:hover, .fr-breadcrumb__button:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__button[aria-expanded=true] {\n display: none;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__button {\n display: none;\n }\n}\n.fr-breadcrumb .fr-collapse {\n margin-left: -4px;\n margin-right: -4px;\n padding-left: 4px;\n padding-right: 4px;\n transform: translateY(-4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb .fr-collapse {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: none;\n }\n .fr-breadcrumb .fr-collapse::before {\n content: none;\n }\n}\n.fr-breadcrumb__list {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n transform: translateY(4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__list {\n transform: none;\n }\n}\n.fr-breadcrumb__list li {\n display: inline;\n line-height: 1.75rem;\n /**\n * flèche séparatrice en font-icon\n */\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n -webkit-mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n --icon-size: 1rem;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n content: \"\";\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n vertical-align: -0.0625em;\n}\n.fr-breadcrumb__link {\n vertical-align: top;\n position: relative;\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n font-size: 0.75rem;\n line-height: 1.25rem;\n padding: 0;\n}\n.fr-breadcrumb__link:hover, .fr-breadcrumb__link:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n pointer-events: none;\n cursor: default;\n --underline-img: none;\n}\n\n.fr-breadcrumb {\n color: var(--text-mention-grey);\n}\n.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n color: var(--text-default-grey);\n}","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\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/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n\n@mixin mask-image-repeat($value) {\n -webkit-mask-repeat: $value;\n mask-repeat: $value;\n}\n","/// Ajout d'un sélecteur pour l'élément courant\n/// @access public\n\n@mixin current {\n &[aria-current]:not([aria-current=\"false\"]) {\n @content;\n }\n}\n\n@mixin not-current {\n &:not([aria-current]),\n &[aria-current=\"false\"] {\n @content;\n }\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.min.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-breadcrumb{--text-spacing:0 0 0.5rem;color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin:1rem 0 2rem;position:relative}.fr-breadcrumb__button{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);color:inherit;font-size:.75rem;line-height:1.25rem;margin:0;padding:0;transition:background-size 0s}.fr-breadcrumb__button:active,.fr-breadcrumb__button:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__button[aria-expanded=true]{display:none}.fr-breadcrumb .fr-collapse{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transform:translateY(-4px)}.fr-breadcrumb__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;transform:translateY(4px)}.fr-breadcrumb__list li{display:inline;line-height:1.75rem}.fr-breadcrumb__list li:not(:first-child):before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:.25rem;-webkit-mask-image:url(../../icons/system/arrow-right-s-line.svg);mask-image:url(../../icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:calc((1.05rem - var(--icon-size))*.5);width:var(--icon-size)}.fr-breadcrumb__link{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);font-size:.75rem;line-height:1.25rem;padding:0;position:relative;transition:background-size 0s;vertical-align:top}.fr-breadcrumb__link:active,.fr-breadcrumb__link:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__link[aria-current]{--underline-img:none;color:var(--text-active-grey);cursor:default;pointer-events:none}@media (min-width:36em){
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-breadcrumb{--text-spacing:0 0 0.5rem;color:var(--text-mention-grey);font-size:.75rem;line-height:1.25rem;margin:1rem 0 2rem;position:relative}.fr-breadcrumb__button{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);color:inherit;font-size:.75rem;line-height:1.25rem;margin:0;padding:0;transition:background-size 0s}.fr-breadcrumb__button:active,.fr-breadcrumb__button:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__button[aria-expanded=true]{display:none}.fr-breadcrumb .fr-collapse{margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px;transform:translateY(-4px)}.fr-breadcrumb__list{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;transform:translateY(4px)}.fr-breadcrumb__list li{display:inline;line-height:1.75rem}.fr-breadcrumb__list li:not(:first-child):before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.25rem;margin-right:.25rem;-webkit-mask-image:url(../../icons/system/arrow-right-s-line.svg);mask-image:url(../../icons/system/arrow-right-s-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);vertical-align:-.0625em;width:var(--icon-size)}.fr-breadcrumb__link{--hover-tint:var(--idle);--active-tint:var(--idle);background-image:var(--underline-img),var(--underline-img);background-position:var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));background-repeat:no-repeat,no-repeat;background-size:var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);font-size:.75rem;line-height:1.25rem;padding:0;position:relative;transition:background-size 0s;vertical-align:top}.fr-breadcrumb__link:active,.fr-breadcrumb__link:hover{--underline-hover-width:var(--underline-max-width)}.fr-breadcrumb__link[aria-current]:not([aria-current=false]){--underline-img:none;color:var(--text-default-grey);cursor:default;pointer-events:none}@media (min-width:36em){
/*! media sm */
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-breadcrumb{margin-bottom:2.5rem}.fr-breadcrumb__button{display:none}.fr-breadcrumb .fr-collapse{margin-left:0;margin-right:0;max-height:none;overflow:visible;padding-left:0;padding-right:0;transform:none;visibility:inherit}.fr-breadcrumb .fr-collapse:before{content:none}.fr-breadcrumb__list{transform:none}
......@@ -8,4 +8,4 @@
/*! media lg */
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-breadcrumb ol,.fr-breadcrumb ul{list-style-type:none}.fr-breadcrumb ol,.fr-breadcrumb ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-breadcrumb__link:not([aria-current]):after{background-color:transparent;background-image:url(../../icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-breadcrumb{color:#666}.fr-breadcrumb__link[aria-current]{color:#161616}}
\ No newline at end of file
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-breadcrumb ol,.fr-breadcrumb ul{list-style-type:none}.fr-breadcrumb ol,.fr-breadcrumb ul{margin-bottom:0;margin-top:0;padding-left:0}.fr-breadcrumb__link:not([aria-current]):after,.fr-breadcrumb__link[aria-current=false]:after{background-color:transparent;background-image:url(../../icons/system/arrow-right-s-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-breadcrumb{color:#666}.fr-breadcrumb__link[aria-current]:not([aria-current=false]){color:#3a3a3a}}@media print{.fr-breadcrumb{color:#666;display:none}.fr-breadcrumb__link[aria-current]:not([aria-current=false]){color:#3a3a3a}}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.min.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","%3Cinput%20css%206jK0Xa%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_scheme.scss"],"names":[],"mappings":"AAAA;;GAAA,ACUA,eC+FI,yBAAA,CChEA,8BAAA,CDfF,gBAAA,CAGE,mBAAA,CEIA,kBAfE,CHHJ,iBIUF,CJRE,uBK2CE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CNvBE,aAAA,CCEF,gBAAA,CAGE,mBAAA,CEIA,QAfE,CAeF,SAfE,CG4BJ,6BFFF,CEWE,2DAEE,kDFVJ,CJrBI,2CACE,YIuBN,CJfE,4BGdI,gBAHA,CAIA,iBAJA,CAGA,gBAHA,CAIA,iBAJA,CHoBF,0BIwBJ,CG5CE,qBCOA,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CRsBE,yBIkCJ,CJ5BI,wBACE,cAAA,CACA,mBIsCN,CKnFE,iDC0BE,gBAAA,CAkBA,6BAAA,CDzCE,UCqD+B,CAdjC,oBAAA,CADA,aAAA,CCIE,uBAAA,CRxCA,kBAHA,CAIA,mBAJA,CSZJ,iEF0CM,CEzCN,yDFyCM,CErCN,2BFmD2B,CElD3B,mBFkD2B,CAHzB,kDAAA,CVUM,oDAAA,CWXJ,sBPmDN,CJlCE,qBKfE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CLrBA,gBAAA,CAGE,mBAAA,CEIA,SAfE,CH2DF,iBAAA,CM/BF,6BAAA,CN8BE,kBI4DJ,CEjFE,uDAEE,kDFkFJ,CJvDI,mCMnDF,oBAAA,CJQE,6BAAA,CF6CE,cAAA,CADA,mBI2DN,CSjII;ECRI,cAAA;EAAA,cAAA,CVDR,CSSI;ECRI,cAAA,CdGR,eGmBM,oBCAJ,CJZA,uBAcI,YIuBJ,CJnBA,4BGdI,aAHA,CAIA,cAJA,CH4BA,eAAA,CADA,gBAAA,CGxBA,cAHA,CAIA,eAJA,CHyBA,cAAA,CACA,kBI6BJ,CKzDA,mCAGI,YLyDJ,CG1DA,qBPsCI,cImCJ;EUpFM,cAAA,CVER,CSMI;ECRI,cAAA;EAAA,cAAA,CVKR,CSGI;ECRI,cAAA;EAAA,cAAA,CVQR,CWNI,2DPiEA,oCACE,oBJmGJ,CIhGE,oCLpDE,eARA,CAOA,YAPA,CAWA,cCuJJ,CKpKA,+COME,4BAAA,CANA,+DAFI,CAUJ,2BAAA,CADA,oBAAA,CLsCE,WAAA,CAHA,UP+HJ,CajLA,efiCE,UE4JF,Ca1LE,mCf8BA,aEiKF,CATF","file":"breadcrumb.min.css","sourcesContent":[null,"////\n/// Breadcrumb Module\n/// @group breadcrumb\n////\n\n@use 'module/spacing';\n\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n#{ns(breadcrumb)} {\n @include margin(4v 0 8v);\n @include margin-bottom(10v, md);\n @include text-style(xs);\n @include set-text-margin(0 0 2v);\n position: relative;\n\n &__button {\n @include link-underline;\n @include text-style(xs);\n @include margin(0);\n @include padding(0);\n @include disable-tint;\n @include hover-underline;\n color: inherit;\n\n &[aria-expanded=\"true\"] {\n display: none;\n }\n\n @include respond-from(md) {\n display: none;\n }\n }\n\n #{ns(collapse)} {\n @include margin-x(-4px);\n @include padding-x(4px);\n transform: translateY(-4px);\n\n @include respond-from(md) {\n @include margin-x(0);\n @include padding-x(0);\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: initial;\n @include before(none);\n }\n }\n\n @include list() {\n @include disable-list-style;\n transform: translateY(4px);\n\n @include respond-from(md) {\n transform: none;\n }\n\n li {\n display: inline;\n line-height: spacing.space(7v);\n\n /**\n * flèche séparatrice en font-icon\n */\n &:not(:first-child) {\n @include icon(arrow-right-s-line, sm, before) {\n @include margin-x(1v);\n vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);\n }\n }\n }\n }\n\n &__link {\n vertical-align: top;\n position: relative;\n @include link-underline;\n @include disable-tint;\n @include text-style(xs);\n @include hover-underline;\n @include padding(0);\n\n &[aria-current] {\n pointer-events: none;\n cursor: default;\n @include disable-underline;\n }\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use '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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n.fr-breadcrumb {\n margin: 1rem 0 2rem;\n font-size: 0.75rem;\n line-height: 1.25rem;\n --text-spacing: 0 0 0.5rem;\n position: relative;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb {\n margin-bottom: 2.5rem;\n }\n}\n.fr-breadcrumb__button {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n font-size: 0.75rem;\n line-height: 1.25rem;\n margin: 0;\n padding: 0;\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n color: inherit;\n}\n.fr-breadcrumb__button:hover, .fr-breadcrumb__button:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__button[aria-expanded=true] {\n display: none;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__button {\n display: none;\n }\n}\n.fr-breadcrumb .fr-collapse {\n margin-left: -4px;\n margin-right: -4px;\n padding-left: 4px;\n padding-right: 4px;\n transform: translateY(-4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb .fr-collapse {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: initial;\n }\n .fr-breadcrumb .fr-collapse::before {\n content: none;\n }\n}\n.fr-breadcrumb__list {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n transform: translateY(4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__list {\n transform: none;\n }\n}\n.fr-breadcrumb__list li {\n display: inline;\n line-height: 1.75rem;\n /**\n * flèche séparatrice en font-icon\n */\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n -webkit-mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n --icon-size: 1rem;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n content: \"\";\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n vertical-align: calc((1.05rem - var(--icon-size)) * 0.5);\n}\n.fr-breadcrumb__link {\n vertical-align: top;\n position: relative;\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n font-size: 0.75rem;\n line-height: 1.25rem;\n padding: 0;\n}\n.fr-breadcrumb__link:hover, .fr-breadcrumb__link:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__link[aria-current] {\n pointer-events: none;\n cursor: default;\n --underline-img: none;\n}\n\n.fr-breadcrumb {\n color: var(--text-mention-grey);\n}\n.fr-breadcrumb__link[aria-current] {\n color: var(--text-active-grey);\n}\n\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset liste à puce\n */\n .fr-breadcrumb ul {\n list-style-type: none;\n }\n .fr-breadcrumb ol {\n list-style-type: none;\n }\n .fr-breadcrumb ul,\n .fr-breadcrumb ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n .fr-breadcrumb__link:not([aria-current])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-breadcrumb__link:not([aria-current])::after {\n background-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n }\n .fr-breadcrumb__link:not([aria-current])::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb {\n color: #666;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb__link[aria-current] {\n color: #161616;\n }\n}","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\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/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Breadcrumb Scheme\n/// @group breadcrumb\n////\n\n@use 'module/color';\n\n@mixin _breadcrumb-scheme($legacy: false) {\n #{ns(breadcrumb)} {\n @include color.text(mention grey, (legacy:$legacy));\n\n &__link[aria-current] {\n @include color.text(active grey, (legacy:$legacy));\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","%3Cinput%20css%20Gjjz6i%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/module/selector/mixin/_current.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/style/_print.scss"],"names":[],"mappings":"AAAA;;GAAA,ACWA,eC8FI,yBAAA,CChEA,8BAAA,CDfF,gBAAA,CAGE,mBAAA,CEIA,kBAfE,CHFJ,iBISF,CJPE,uBK0CE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CNtBE,aAAA,CCCF,gBAAA,CAGE,mBAAA,CEIA,QAfE,CAeF,SAfE,CG4BJ,6BFFF,CEWE,2DAEE,kDFVJ,CJpBI,2CACE,YIsBN,CJdE,4BGfI,gBAHA,CAIA,iBAJA,CAGA,gBAHA,CAIA,iBAJA,CHqBF,0BIuBJ,CG5CE,qBCOA,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CRuBE,yBIiCJ,CJ3BI,wBACE,cAAA,CACA,mBIqCN,CKnFE,iDC0BE,gBAAA,CAkBA,6BAAA,CDzCE,UCqD+B,CAdjC,oBAAA,CADA,aAAA,CCIE,uBAAA,CRxCA,kBAHA,CAIA,mBAJA,CSZJ,iEF0CM,CEzCN,yDFyCM,CErCN,2BFmD2B,CElD3B,mBFkD2B,CAHzB,kDAAA,CVWM,uBAAA,CWZJ,sBPmDN,CJjCE,qBKhBE,wBAAA,CAOA,yBAAA,CCxBF,0DAAA,CACA,sGAAA,CACA,qCAAA,CAEA,sIAAA,CLrBA,gBAAA,CAGE,mBAAA,CEIA,SAfE,CH4DF,iBAAA,CMhCF,6BAAA,CN+BE,kBI2DJ,CEjFE,uDAEE,kDFkFJ,CSvIE,6DP6BA,oBAAA,CJQE,8BAAA,CF8CE,cAAA,CADA,mBI0DN,CUjII;ECRI,cAAA;EAAA,cAAA,CXDR,CUSI;ECRI,cAAA,CfIR,eGkBM,oBCAJ,CJXA,uBAcI,YIsBJ,CJlBA,4BGfI,aAHA,CAIA,cAJA,CH6BA,eAAA,CADA,gBAAA,CGzBA,cAHA,CAIA,eAJA,CH0BA,cAAA,CACA,kBI4BJ,CKzDA,mCAGI,YLyDJ,CG1DA,qBPuCI,cIkCJ;EWpFM,cAAA,CXER,CUMI;ECRI,cAAA;EAAA,cAAA,CXKR,CUGI;ECRI,cAAA;EAAA,cAAA,CXQR,CYNI,2DRiEA,oCACE,oBJmGJ,CIhGE,oCLpDE,eARA,CAOA,YAPA,CAWA,cCuJJ,CKpKA,8FQME,4BAAA,CANA,+DAFI,CAUJ,2BAAA,CADA,oBAAA,CNsCE,WAAA,CAHA,UP+HJ,CchLA,ehBgCE,UE4JF,CSjMA,6DXqCE,aEiKF,CATF,Ce5LA,aDIE,ehBgCE,UAAA,CkBxCF,YhB+MA,CS5MA,6DXqCE,aE0KF,CAIF","file":"breadcrumb.min.css","sourcesContent":[null,"////\n/// Breadcrumb Module\n/// @group breadcrumb\n////\n\n@use 'module/spacing';\n@use 'module/selector';\n\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n#{ns(breadcrumb)} {\n @include margin(4v 0 8v);\n @include margin-bottom(10v, md);\n @include text-style(xs);\n @include set-text-margin(0 0 2v);\n position: relative;\n\n &__button {\n @include link-underline;\n @include text-style(xs);\n @include margin(0);\n @include padding(0);\n @include disable-tint;\n @include hover-underline;\n color: inherit;\n\n &[aria-expanded=\"true\"] {\n display: none;\n }\n\n @include respond-from(md) {\n display: none;\n }\n }\n\n #{ns(collapse)} {\n @include margin-x(-4px);\n @include padding-x(4px);\n transform: translateY(-4px);\n\n @include respond-from(md) {\n @include margin-x(0);\n @include padding-x(0);\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: none;\n @include before(none);\n }\n }\n\n @include list() {\n @include disable-list-style;\n transform: translateY(4px);\n\n @include respond-from(md) {\n transform: none;\n }\n\n li {\n display: inline;\n line-height: spacing.space(7v);\n\n /**\n * flèche séparatrice en font-icon\n */\n &:not(:first-child) {\n @include icon(arrow-right-s-line, sm, before) {\n @include margin-x(1v);\n vertical-align: -0.0625em;\n }\n }\n }\n }\n\n &__link {\n vertical-align: top;\n position: relative;\n @include link-underline;\n @include disable-tint;\n @include text-style(xs);\n @include hover-underline;\n @include padding(0);\n\n @include selector.current {\n pointer-events: none;\n cursor: default;\n @include disable-underline;\n }\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use '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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n BREADCRUMB\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n/**\nun padding de 4px et une marge négative en compensation sont mis en place afin d'éviter de couper le focus.\n */\n.fr-breadcrumb {\n margin: 1rem 0 2rem;\n font-size: 0.75rem;\n line-height: 1.25rem;\n --text-spacing: 0 0 0.5rem;\n position: relative;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb {\n margin-bottom: 2.5rem;\n }\n}\n.fr-breadcrumb__button {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n font-size: 0.75rem;\n line-height: 1.25rem;\n margin: 0;\n padding: 0;\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n color: inherit;\n}\n.fr-breadcrumb__button:hover, .fr-breadcrumb__button:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__button[aria-expanded=true] {\n display: none;\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__button {\n display: none;\n }\n}\n.fr-breadcrumb .fr-collapse {\n margin-left: -4px;\n margin-right: -4px;\n padding-left: 4px;\n padding-right: 4px;\n transform: translateY(-4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb .fr-collapse {\n margin-left: 0;\n margin-right: 0;\n padding-left: 0;\n padding-right: 0;\n transform: none;\n visibility: inherit;\n overflow: visible;\n max-height: none;\n }\n .fr-breadcrumb .fr-collapse::before {\n content: none;\n }\n}\n.fr-breadcrumb__list {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n transform: translateY(4px);\n}\n@media (min-width: 48em) {\n .fr-breadcrumb__list {\n transform: none;\n }\n}\n.fr-breadcrumb__list li {\n display: inline;\n line-height: 1.75rem;\n /**\n * flèche séparatrice en font-icon\n */\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\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 width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n -webkit-mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n mask-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n --icon-size: 1rem;\n}\n.fr-breadcrumb__list li:not(:first-child)::before {\n content: \"\";\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n vertical-align: -0.0625em;\n}\n.fr-breadcrumb__link {\n vertical-align: top;\n position: relative;\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n --hover-tint: var(--idle);\n --active-tint: var(--idle);\n font-size: 0.75rem;\n line-height: 1.25rem;\n padding: 0;\n}\n.fr-breadcrumb__link:hover, .fr-breadcrumb__link:active {\n --underline-hover-width: var(--underline-max-width);\n}\n.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n pointer-events: none;\n cursor: default;\n --underline-img: none;\n}\n\n.fr-breadcrumb {\n color: var(--text-mention-grey);\n}\n.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n color: var(--text-default-grey);\n}\n\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * reset liste à puce\n */\n .fr-breadcrumb ul {\n list-style-type: none;\n }\n .fr-breadcrumb ol {\n list-style-type: none;\n }\n .fr-breadcrumb ul,\n .fr-breadcrumb ol {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n .fr-breadcrumb__link:not([aria-current])::after, .fr-breadcrumb__link[aria-current=false]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-breadcrumb__link:not([aria-current])::after, .fr-breadcrumb__link[aria-current=false]::after {\n background-image: url(\"../../icons/system/arrow-right-s-line.svg\");\n }\n .fr-breadcrumb__link:not([aria-current])::after, .fr-breadcrumb__link[aria-current=false]::after {\n width: 1rem;\n height: 1rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb {\n color: #666;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n color: #3a3a3a;\n }\n}\n\n@media print {\n .fr-breadcrumb {\n color: #666;\n }\n .fr-breadcrumb__link[aria-current]:not([aria-current=false]) {\n color: #3a3a3a;\n }\n .fr-breadcrumb {\n display: none;\n }\n}","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\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/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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@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/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n\n@mixin mask-image-repeat($value) {\n -webkit-mask-repeat: $value;\n mask-repeat: $value;\n}\n","/// Ajout d'un sélecteur pour l'élément courant\n/// @access public\n\n@mixin current {\n &[aria-current]:not([aria-current=\"false\"]) {\n @content;\n }\n}\n\n@mixin not-current {\n &:not([aria-current]),\n &[aria-current=\"false\"] {\n @content;\n }\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Breadcrumb Scheme\n/// @group breadcrumb\n////\n\n@use 'module/color';\n@use 'module/selector';\n\n@mixin _breadcrumb-scheme($legacy: false) {\n #{ns(breadcrumb)} {\n @include color.text(mention grey, (legacy:$legacy));\n\n &__link {\n @include selector.current {\n @include color.text(default grey, (legacy:$legacy));\n }\n }\n }\n}\n","////\n/// Breadcrumb Print\n/// @group breadcrumb\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _breadcrumb-scheme('print');\n\n @import 'style/print';\n}\n","#{ns(breadcrumb)} {\n display: none;\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.module.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
const config = {
prefix: 'fr',
namespace: 'dsfr',
organisation: '@gouvfr',
version: '1.10.1'
version: '1.11.0'
};
const api = window[config.namespace];
......
design_system_admin/dsfr/component/breadcrumb/breadcrumb.module.js.map
View file @ c70aacd8
{"version":3,"file":"breadcrumb.module.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG;AACf,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE,SAAS;AACzB,EAAE,OAAO,EAAE,QAAQ;AACnB,CAAC;;ACJD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ACC7B,MAAM,kBAAkB,GAAG;AAClC,EAAE,UAAU,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;AACrD,EAAE,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AACzD,CAAC;;ACFD,MAAM,UAAU,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3C,EAAE,WAAW,CAAC,GAAG;AACjB,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AACnB,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1C,GAAG;AACH;AACA,EAAE,WAAW,iBAAiB,CAAC,GAAG;AAClC,IAAI,OAAO,YAAY,CAAC;AACxB,GAAG;AACH;AACA,EAAE,IAAI,CAAC,GAAG;AACV,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;AACvB,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AAC3B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,GAAG;AACf,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC;AACvB,IAAI,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;AACtC,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AACpC,MAAM,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC5D,KAAK,CAAC,CAAC;AACP,GAAG;AACH;AACA,EAAE,WAAW,CAAC,GAAG;AACjB,IAAI,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AACnC,IAAI,IAAI,QAAQ,EAAE;AAClB,MAAM,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxE,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,KAAK;AACL,GAAG;AACH;AACA,EAAE,MAAM,CAAC,GAAG;AACZ,IAAI,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AACnC,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO;AAC3C;AACA,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;AACpD,MAAM,IAAI,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AACpD,KAAK,MAAM;AACX,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;AACvE,KAAK;AACL,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,GAAG;AACf,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;AACjD,GAAG;AACH;AACA,EAAE,IAAI,QAAQ,CAAC,GAAG;AAClB,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACnG,GAAG;AACH;AACA,EAAE,KAAK,CAAC,GAAG;AACX,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AACnB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;AAClB,GAAG;AACH;AACA,EAAE,MAAM,CAAC,GAAG;AACZ,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/B,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO;AACtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACzC,GAAG;AACH;AACA,EAAE,MAAM,CAAC,GAAG;AACZ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;AACjB,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE,OAAO;AACjC,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/B,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO;AACtB,IAAI,IAAI,QAAQ,CAAC,aAAa,KAAK,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AACvD,GAAG;AACH;AACA,EAAE,IAAI,eAAe,CAAC,GAAG;AACzB,IAAI,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,GAAG;AACH;;AC5EA,GAAG,CAAC,UAAU,GAAG;AACjB,EAAE,kBAAkB,EAAE,kBAAkB;AACxC,EAAE,UAAU,EAAE,UAAU;AACxB,CAAC;;ACLD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC"}
\ No newline at end of file
{"version":3,"file":"breadcrumb.module.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG;AACf,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE,SAAS;AACzB,EAAE,OAAO,EAAE,QAAQ;AACnB,CAAC;;ACJD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ACC7B,MAAM,kBAAkB,GAAG;AAClC,EAAE,UAAU,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;AACrD,EAAE,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC;AACzD,CAAC;;ACFD,MAAM,UAAU,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAC3C,EAAE,WAAW,CAAC,GAAG;AACjB,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AACnB,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1C,GAAG;AACH;AACA,EAAE,WAAW,iBAAiB,CAAC,GAAG;AAClC,IAAI,OAAO,YAAY,CAAC;AACxB,GAAG;AACH;AACA,EAAE,IAAI,CAAC,GAAG;AACV,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;AACvB,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;AAC3B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,GAAG;AACf,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC;AACvB,IAAI,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;AACtC,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AACpC,MAAM,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;AAC5D,KAAK,CAAC,CAAC;AACP,GAAG;AACH;AACA,EAAE,WAAW,CAAC,GAAG;AACjB,IAAI,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AACnC,IAAI,IAAI,QAAQ,EAAE;AAClB,MAAM,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxE,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACrF,KAAK;AACL,GAAG;AACH;AACA,EAAE,MAAM,CAAC,GAAG;AACZ,IAAI,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AACnC,IAAI,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO;AAC3C;AACA,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;AACpD,MAAM,IAAI,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;AACpD,KAAK,MAAM;AACX,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;AACvE,KAAK;AACL,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,GAAG;AACf,IAAI,OAAO,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;AACjD,GAAG;AACH;AACA,EAAE,IAAI,QAAQ,CAAC,GAAG;AAClB,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACnG,GAAG;AACH;AACA,EAAE,KAAK,CAAC,GAAG;AACX,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;AACnB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;AAClB,GAAG;AACH;AACA,EAAE,MAAM,CAAC,GAAG;AACZ,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/B,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO;AACtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;AACjB,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACzC,GAAG;AACH;AACA,EAAE,MAAM,CAAC,GAAG;AACZ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;AACjB,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,EAAE,OAAO;AACjC,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC/B,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO;AACtB,IAAI,IAAI,QAAQ,CAAC,aAAa,KAAK,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AACvD,GAAG;AACH;AACA,EAAE,IAAI,eAAe,CAAC,GAAG;AACzB,IAAI,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;AACtB,GAAG;AACH;;AC5EA,GAAG,CAAC,UAAU,GAAG;AACjB,EAAE,kBAAkB,EAAE,kBAAkB;AACxC,EAAE,UAAU,EAAE,UAAU;AACxB,CAAC;;ACLD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC"}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.module.min.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
const s=window.dsfr,e={BREADCRUMB:s.internals.ns.selector("breadcrumb"),BUTTON:s.internals.ns.selector("breadcrumb__button")};class t extends s.core.Instance{constructor(){super(),this.count=0,this.focusing=this.focus.bind(this)}static get instanceClassName(){return"Breadcrumb"}init(){this.getCollapse(),this.isResizing=!0}get proxy(){const s=this;return Object.assign(super.proxy,{focus:s.focus.bind(s),disclose:s.collapse.disclose.bind(s.collapse)})}getCollapse(){const e=this.collapse;e?e.listen(s.core.DisclosureEvent.DISCLOSE,this.focusing):this.addAscent(s.core.DisclosureEmission.ADDED,this.getCollapse.bind(this))}resize(){const e=this.collapse,t=this.links;e&&t.length&&(this.isBreakpoint(s.core.Breakpoints.MD)?e.buttonHasFocus&&t[0].focus():t.indexOf(document.activeElement)>-1&&e.focus())}get links(){return[...this.querySelectorAll("a[href]")]}get collapse(){return this.element.getDescendantInstances(s.core.Collapse.instanceClassName,null,!0)[0]}focus(){this.count=0,this._focus()}_focus(){const s=this.links[0];s&&(s.focus(),this.request(this.verify.bind(this)))}verify(){if(this.count++,this.count>100)return;const s=this.links[0];s&&document.activeElement!==s&&this._focus()}get collapsePrimary(){return this.element.children.map((s=>s.getInstance("CollapseButton"))).filter((s=>null!==s&&s.hasClass(e.BUTTON)))[0]}}s.breadcrumb={BreadcrumbSelector:e,Breadcrumb:t},s.internals.register(s.breadcrumb.BreadcrumbSelector.BREADCRUMB,s.breadcrumb.Breadcrumb);
//# sourceMappingURL=breadcrumb.module.min.js.map
design_system_admin/dsfr/component/breadcrumb/breadcrumb.module.min.js.map
View file @ c70aacd8
{"version":3,"file":"breadcrumb.module.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":["api","window","BreadcrumbSelector","BREADCRUMB","internals","ns","selector","BUTTON","Breadcrumb","core","Instance","constructor","super","this","count","focusing","focus","bind","instanceClassName","init","getCollapse","isResizing","proxy","scope","Object","assign","disclose","collapse","listen","DisclosureEvent","DISCLOSE","addAscent","DisclosureEmission","ADDED","resize","links","length","isBreakpoint","Breakpoints","MD","buttonHasFocus","indexOf","document","activeElement","querySelectorAll","element","getDescendantInstances","Collapse","_focus","link","request","verify","collapsePrimary","children","map","child","getInstance","filter","button","hasClass","breadcrumb","register"],"mappings":";AAAA,MCCMA,EAAMC,OAAuB,KCCtBC,EAAqB,CAChCC,WAAYH,EAAII,UAAUC,GAAGC,SAAS,cACtCC,OAAQP,EAAII,UAAUC,GAAGC,SAAS,uBCDpC,MAAME,UAAmBR,EAAIS,KAAKC,SAChCC,cACEC,QACAC,KAAKC,MAAQ,EACbD,KAAKE,SAAWF,KAAKG,MAAMC,KAAKJ,MAGvBK,+BACT,MAAO,aAGTC,OACEN,KAAKO,cACLP,KAAKQ,YAAa,EAGhBC,YACF,MAAMC,EAAQV,KACd,OAAOW,OAAOC,OAAOb,MAAMU,MAAO,CAChCN,MAAOO,EAAMP,MAAMC,KAAKM,GACxBG,SAAUH,EAAMI,SAASD,SAAST,KAAKM,EAAMI,YAIjDP,cACE,MAAMO,EAAWd,KAAKc,SAClBA,EACFA,EAASC,OAAO5B,EAAIS,KAAKoB,gBAAgBC,SAAUjB,KAAKE,UAExDF,KAAKkB,UAAU/B,EAAIS,KAAKuB,mBAAmBC,MAAOpB,KAAKO,YAAYH,KAAKJ,OAI5EqB,SACE,MAAMP,EAAWd,KAAKc,SAChBQ,EAAQtB,KAAKsB,MACdR,GAAaQ,EAAMC,SAEpBvB,KAAKwB,aAAarC,EAAIS,KAAK6B,YAAYC,IACrCZ,EAASa,gBAAgBL,EAAM,GAAGnB,QAElCmB,EAAMM,QAAQC,SAASC,gBAAkB,GAAGhB,EAASX,SAIzDmB,YACF,MAAO,IAAItB,KAAK+B,iBAAiB,YAG/BjB,eACF,OAAOd,KAAKgC,QAAQC,uBAAuB9C,EAAIS,KAAKsC,SAAS7B,kBAAmB,MAAM,GAAM,GAG9FF,QACEH,KAAKC,MAAQ,EACbD,KAAKmC,SAGPA,SACE,MAAMC,EAAOpC,KAAKsB,MAAM,GACnBc,IACLA,EAAKjC,QACLH,KAAKqC,QAAQrC,KAAKsC,OAAOlC,KAAKJ,QAGhCsC,SAEE,GADAtC,KAAKC,QACDD,KAAKC,MAAQ,IAAK,OACtB,MAAMmC,EAAOpC,KAAKsB,MAAM,GACnBc,GACDP,SAASC,gBAAkBM,GAAMpC,KAAKmC,SAGxCI,sBAEF,OADgBvC,KAAKgC,QAAQQ,SAASC,KAAIC,GAASA,EAAMC,YAAY,oBAAmBC,QAAOC,GAAqB,OAAXA,GAAmBA,EAAOC,SAASzD,EAAmBK,UAChJ,IC1EnBP,EAAI4D,WAAa,CACf1D,mBAAoBA,EACpBM,WAAYA,GCJdR,EAAII,UAAUyD,SAAS7D,EAAI4D,WAAW1D,mBAAmBC,WAAYH,EAAI4D,WAAWpD"}
\ No newline at end of file
{"version":3,"file":"breadcrumb.module.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":["api","window","BreadcrumbSelector","BREADCRUMB","internals","ns","selector","BUTTON","Breadcrumb","core","Instance","constructor","super","this","count","focusing","focus","bind","instanceClassName","init","getCollapse","isResizing","proxy","scope","Object","assign","disclose","collapse","listen","DisclosureEvent","DISCLOSE","addAscent","DisclosureEmission","ADDED","resize","links","length","isBreakpoint","Breakpoints","MD","buttonHasFocus","indexOf","document","activeElement","querySelectorAll","element","getDescendantInstances","Collapse","_focus","link","request","verify","collapsePrimary","children","map","child","getInstance","filter","button","hasClass","breadcrumb","register"],"mappings":";AAAA,MCCMA,EAAMC,OAAuB,KCCtBC,EAAqB,CAChCC,WAAYH,EAAII,UAAUC,GAAGC,SAAS,cACtCC,OAAQP,EAAII,UAAUC,GAAGC,SAAS,uBCDpC,MAAME,UAAmBR,EAAIS,KAAKC,SAChCC,cACEC,QACAC,KAAKC,MAAQ,EACbD,KAAKE,SAAWF,KAAKG,MAAMC,KAAKJ,MAGvBK,+BACT,MAAO,aAGTC,OACEN,KAAKO,cACLP,KAAKQ,YAAa,EAGhBC,YACF,MAAMC,EAAQV,KACd,OAAOW,OAAOC,OAAOb,MAAMU,MAAO,CAChCN,MAAOO,EAAMP,MAAMC,KAAKM,GACxBG,SAAUH,EAAMI,SAASD,SAAST,KAAKM,EAAMI,YAIjDP,cACE,MAAMO,EAAWd,KAAKc,SAClBA,EACFA,EAASC,OAAO5B,EAAIS,KAAKoB,gBAAgBC,SAAUjB,KAAKE,UAExDF,KAAKkB,UAAU/B,EAAIS,KAAKuB,mBAAmBC,MAAOpB,KAAKO,YAAYH,KAAKJ,OAI5EqB,SACE,MAAMP,EAAWd,KAAKc,SAChBQ,EAAQtB,KAAKsB,MACdR,GAAaQ,EAAMC,SAEpBvB,KAAKwB,aAAarC,EAAIS,KAAK6B,YAAYC,IACrCZ,EAASa,gBAAgBL,EAAM,GAAGnB,QAElCmB,EAAMM,QAAQC,SAASC,gBAAkB,GAAGhB,EAASX,SAIzDmB,YACF,MAAO,IAAItB,KAAK+B,iBAAiB,YAG/BjB,eACF,OAAOd,KAAKgC,QAAQC,uBAAuB9C,EAAIS,KAAKsC,SAAS7B,kBAAmB,MAAM,GAAM,GAG9FF,QACEH,KAAKC,MAAQ,EACbD,KAAKmC,SAGPA,SACE,MAAMC,EAAOpC,KAAKsB,MAAM,GACnBc,IACLA,EAAKjC,QACLH,KAAKqC,QAAQrC,KAAKsC,OAAOlC,KAAKJ,QAGhCsC,SAEE,GADAtC,KAAKC,QACDD,KAAKC,MAAQ,IAAK,OACtB,MAAMmC,EAAOpC,KAAKsB,MAAM,GACnBc,GACDP,SAASC,gBAAkBM,GAAMpC,KAAKmC,SAGxCI,sBAEF,OADgBvC,KAAKgC,QAAQQ,SAASC,KAAIC,GAASA,EAAMC,YAAY,oBAAmBC,QAAOC,GAAqB,OAAXA,GAAmBA,EAAOC,SAASzD,EAAmBK,UAChJ,IC1EnBP,EAAI4D,WAAa,CACf1D,mBAAoBA,EACpBM,WAAYA,GCJdR,EAAII,UAAUyD,SAAS7D,EAAI4D,WAAW1D,mBAAmBC,WAAYH,EAAI4D,WAAWpD"}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.nomodule.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
(function () {
'use strict';
......@@ -7,7 +7,7 @@
prefix: 'fr',
namespace: 'dsfr',
organisation: '@gouvfr',
version: '1.10.1'
version: '1.11.0'
};
var api = window[config.namespace];
......
design_system_admin/dsfr/component/breadcrumb/breadcrumb.nomodule.js.map
View file @ c70aacd8
{"version":3,"file":"breadcrumb.nomodule.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":["const","super"],"mappings":";;;;;EAAAA,IAAM,MAAM,GAAG;EACf,EAAE,MAAM,EAAE,IAAI;EACd,EAAE,SAAS,EAAE,MAAM;EACnB,EAAE,YAAY,EAAE,SAAS;EACzB,EAAE,OAAO,EAAE,QAAQ;EACnB,CAAC;;ECJDA,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ECC7BA,IAAM,kBAAkB,GAAG;EAClC,EAAE,UAAU,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;EACrD,EAAE,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC;EACzD,CAAC;;ECFD,IAAM,UAAU;IACd,mBAAW,IAAI;EACjB,IAAIC,eAAK,KAAC,CAAC,CAAC;EACZ,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;EACnB,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC1C;;;;;;;wEAAG;AACH;EACA,EAAE,gBAAW,oCAAqB;EAClC,IAAI,OAAO,YAAY,CAAC;EACxB,IAAG;AACH;EACA,uBAAE,wBAAQ;EACV,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;EACvB,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;EAC3B,IAAG;AACH;EACA,EAAE,mBAAI,wBAAS;EACf,IAAID,IAAM,KAAK,GAAG,IAAI,CAAC;EACvB,IAAI,OAAO,MAAM,CAAC,WAAM,OAACC,oBAAK,CAAC,KAAK,EAAE;EACtC,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;EACpC,MAAM,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;EAC5D,KAAK,CAAC,CAAC;EACP,IAAG;AACH;EACA,uBAAE,sCAAe;EACjB,IAAID,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;EACnC,IAAI,IAAI,QAAQ,EAAE;EAClB,MAAM,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;EACxE,KAAK,MAAM;EACX,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;EACrF,KAAK;EACL,IAAG;AACH;EACA,uBAAE,4BAAU;EACZ,IAAIA,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;EACnC,IAAIA,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;EAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,IAAE,SAAO;AAC3C;EACA,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;EACpD,MAAM,IAAI,QAAQ,CAAC,cAAc,IAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAC;EACpD,KAAK,MAAM;EACX,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAE,QAAQ,CAAC,KAAK,EAAE,GAAC;EACvE,KAAK;EACL,IAAG;AACH;EACA,EAAE,mBAAI,wBAAS;EACf,IAAI,OAAO,WAAI,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAC,CAAC;EACjD,IAAG;AACH;EACA,EAAE,mBAAI,2BAAY;EAClB,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;EACnG,IAAG;AACH;EACA,uBAAE,0BAAS;EACX,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;EACnB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;EAClB,IAAG;AACH;EACA,uBAAE,4BAAU;EACZ,IAAIA,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B,IAAI,IAAI,CAAC,IAAI,IAAE,SAAO;EACtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;EACjB,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;EACzC,IAAG;AACH;EACA,uBAAE,4BAAU;EACZ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;EACjB,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,IAAE,SAAO;EACjC,IAAIA,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B,IAAI,IAAI,CAAC,IAAI,IAAE,SAAO;EACtB,IAAI,IAAI,QAAQ,CAAC,aAAa,KAAK,IAAI,IAAE,IAAI,CAAC,MAAM,EAAE,GAAC;EACvD,IAAG;AACH;EACA,EAAE,mBAAI,kCAAmB;EACzB,IAAIA,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,WAAC,gBAAS,KAAK,CAAC,WAAW,CAAC,gBAAgB,IAAC,CAAC,CAAC,MAAM,WAAC,iBAAU,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAC,MAAM,IAAC,CAAC,CAAC;EAC5K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;EACtB;;;;;;IA5EyB,GAAG,CAAC,IAAI,CAAC;;ECClC,GAAG,CAAC,UAAU,GAAG;EACjB,EAAE,kBAAkB,EAAE,kBAAkB;EACxC,EAAE,UAAU,EAAE,UAAU;EACxB,CAAC;;ECLD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC;;"}
\ No newline at end of file
{"version":3,"file":"breadcrumb.nomodule.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":["const","super"],"mappings":";;;;;EAAAA,IAAM,MAAM,GAAG;EACf,EAAE,MAAM,EAAE,IAAI;EACd,EAAE,SAAS,EAAE,MAAM;EACnB,EAAE,YAAY,EAAE,SAAS;EACzB,EAAE,OAAO,EAAE,QAAQ;EACnB,CAAC;;ECJDA,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ECC7BA,IAAM,kBAAkB,GAAG;EAClC,EAAE,UAAU,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC;EACrD,EAAE,MAAM,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,oBAAoB,CAAC;EACzD,CAAC;;ECFD,IAAM,UAAU;IACd,mBAAW,IAAI;EACjB,IAAIC,eAAK,KAAC,CAAC,CAAC;EACZ,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;EACnB,IAAI,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC1C;;;;;;;wEAAG;AACH;EACA,EAAE,gBAAW,oCAAqB;EAClC,IAAI,OAAO,YAAY,CAAC;EACxB,IAAG;AACH;EACA,uBAAE,wBAAQ;EACV,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;EACvB,IAAI,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;EAC3B,IAAG;AACH;EACA,EAAE,mBAAI,wBAAS;EACf,IAAID,IAAM,KAAK,GAAG,IAAI,CAAC;EACvB,IAAI,OAAO,MAAM,CAAC,WAAM,OAACC,oBAAK,CAAC,KAAK,EAAE;EACtC,MAAM,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;EACpC,MAAM,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;EAC5D,KAAK,CAAC,CAAC;EACP,IAAG;AACH;EACA,uBAAE,sCAAe;EACjB,IAAID,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;EACnC,IAAI,IAAI,QAAQ,EAAE;EAClB,MAAM,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;EACxE,KAAK,MAAM;EACX,MAAM,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;EACrF,KAAK;EACL,IAAG;AACH;EACA,uBAAE,4BAAU;EACZ,IAAIA,IAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;EACnC,IAAIA,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;EAC7B,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,IAAE,SAAO;AAC3C;EACA,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE;EACpD,MAAM,IAAI,QAAQ,CAAC,cAAc,IAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,GAAC;EACpD,KAAK,MAAM;EACX,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAE,QAAQ,CAAC,KAAK,EAAE,GAAC;EACvE,KAAK;EACL,IAAG;AACH;EACA,EAAE,mBAAI,wBAAS;EACf,IAAI,OAAO,WAAI,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAC,CAAC;EACjD,IAAG;AACH;EACA,EAAE,mBAAI,2BAAY;EAClB,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;EACnG,IAAG;AACH;EACA,uBAAE,0BAAS;EACX,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;EACnB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;EAClB,IAAG;AACH;EACA,uBAAE,4BAAU;EACZ,IAAIA,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B,IAAI,IAAI,CAAC,IAAI,IAAE,SAAO;EACtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;EACjB,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;EACzC,IAAG;AACH;EACA,uBAAE,4BAAU;EACZ,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;EACjB,IAAI,IAAI,IAAI,CAAC,KAAK,GAAG,GAAG,IAAE,SAAO;EACjC,IAAIA,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/B,IAAI,IAAI,CAAC,IAAI,IAAE,SAAO;EACtB,IAAI,IAAI,QAAQ,CAAC,aAAa,KAAK,IAAI,IAAE,IAAI,CAAC,MAAM,EAAE,GAAC;EACvD,IAAG;AACH;EACA,EAAE,mBAAI,kCAAmB;EACzB,IAAIA,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,WAAC,gBAAS,KAAK,CAAC,WAAW,CAAC,gBAAgB,IAAC,CAAC,CAAC,MAAM,WAAC,iBAAU,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAC,MAAM,IAAC,CAAC,CAAC;EAC5K,IAAI,OAAO,OAAO,CAAC,CAAC,CAAC,CAAC;EACtB;;;;;;IA5EyB,GAAG,CAAC,IAAI,CAAC;;ECClC,GAAG,CAAC,UAAU,GAAG;EACjB,EAAE,kBAAkB,EAAE,kBAAkB;EACxC,EAAE,UAAU,EAAE,UAAU;EACxB,CAAC;;ECLD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,kBAAkB,CAAC,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC;;"}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.nomodule.min.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
!function(){"use strict";var t=window.dsfr,e={BREADCRUMB:t.internals.ns.selector("breadcrumb"),BUTTON:t.internals.ns.selector("breadcrumb__button")},s=function(s){function n(){s.call(this),this.count=0,this.focusing=this.focus.bind(this)}s&&(n.__proto__=s),n.prototype=Object.create(s&&s.prototype),n.prototype.constructor=n;var o={proxy:{configurable:!0},links:{configurable:!0},collapse:{configurable:!0},collapsePrimary:{configurable:!0}},i={instanceClassName:{configurable:!0}};return i.instanceClassName.get=function(){return"Breadcrumb"},n.prototype.init=function(){this.getCollapse(),this.isResizing=!0},o.proxy.get=function(){var t=this;return Object.assign.call(this,s.prototype.proxy,{focus:t.focus.bind(t),disclose:t.collapse.disclose.bind(t.collapse)})},n.prototype.getCollapse=function(){var e=this.collapse;e?e.listen(t.core.DisclosureEvent.DISCLOSE,this.focusing):this.addAscent(t.core.DisclosureEmission.ADDED,this.getCollapse.bind(this))},n.prototype.resize=function(){var e=this.collapse,s=this.links;e&&s.length&&(this.isBreakpoint(t.core.Breakpoints.MD)?e.buttonHasFocus&&s[0].focus():s.indexOf(document.activeElement)>-1&&e.focus())},o.links.get=function(){return[].concat(this.querySelectorAll("a[href]"))},o.collapse.get=function(){return this.element.getDescendantInstances(t.core.Collapse.instanceClassName,null,!0)[0]},n.prototype.focus=function(){this.count=0,this._focus()},n.prototype._focus=function(){var t=this.links[0];t&&(t.focus(),this.request(this.verify.bind(this)))},n.prototype.verify=function(){if(this.count++,!(this.count>100)){var t=this.links[0];t&&document.activeElement!==t&&this._focus()}},o.collapsePrimary.get=function(){return this.element.children.map((function(t){return t.getInstance("CollapseButton")})).filter((function(t){return null!==t&&t.hasClass(e.BUTTON)}))[0]},Object.defineProperties(n.prototype,o),Object.defineProperties(n,i),n}(t.core.Instance);t.breadcrumb={BreadcrumbSelector:e,Breadcrumb:s},t.internals.register(t.breadcrumb.BreadcrumbSelector.BREADCRUMB,t.breadcrumb.Breadcrumb)}();
//# sourceMappingURL=breadcrumb.nomodule.min.js.map
design_system_admin/dsfr/component/breadcrumb/breadcrumb.nomodule.min.js.map
View file @ c70aacd8
{"version":3,"file":"breadcrumb.nomodule.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":["const","api","window","BreadcrumbSelector","BREADCRUMB","internals","ns","selector","BUTTON","Breadcrumb","super","this","count","focusing","focus","bind","staticAccessors","instanceClassName","init","getCollapse","isResizing","prototypeAccessors","proxy","scope","Object","assign","disclose","collapse","listen","core","DisclosureEvent","DISCLOSE","addAscent","DisclosureEmission","ADDED","resize","links","length","isBreakpoint","Breakpoints","MD","buttonHasFocus","indexOf","document","activeElement","querySelectorAll","element","getDescendantInstances","Collapse","_focus","link","request","verify","collapsePrimary","children","map","child","getInstance","filter","button","hasClass","Instance","breadcrumb","register"],"mappings":";yBAAAA,ICCMC,EAAMC,OAAuB,KCCtBC,EAAqB,CAChCC,WAAYH,EAAII,UAAUC,GAAGC,SAAS,cACtCC,OAAQP,EAAII,UAAUC,GAAGC,SAAS,uBCD9BE,cACJ,aACEC,aACAC,KAAKC,MAAQ,EACbD,KAAKE,SAAWF,KAAKG,MAAMC,KAAKJ,iQAGlCK,EAAWC,iCACT,MAAO,0BAGTC,gBACEP,KAAKQ,cACLR,KAAKS,YAAa,GAGpBC,EAAIC,qBACFtB,IAAMuB,EAAQZ,KACd,OAAOa,OAAOC,iBAAOf,YAAMY,MAAO,CAChCR,MAAOS,EAAMT,MAAMC,KAAKQ,GACxBG,SAAUH,EAAMI,SAASD,SAASX,KAAKQ,EAAMI,yBAIjDR,uBACEnB,IAAM2B,EAAWhB,KAAKgB,SAClBA,EACFA,EAASC,OAAO3B,EAAI4B,KAAKC,gBAAgBC,SAAUpB,KAAKE,UAExDF,KAAKqB,UAAU/B,EAAI4B,KAAKI,mBAAmBC,MAAOvB,KAAKQ,YAAYJ,KAAKJ,oBAI5EwB,kBACEnC,IAAM2B,EAAWhB,KAAKgB,SAChBS,EAAQzB,KAAKyB,MACdT,GAAaS,EAAMC,SAEpB1B,KAAK2B,aAAarC,EAAI4B,KAAKU,YAAYC,IACrCb,EAASc,gBAAgBL,EAAM,GAAGtB,QAElCsB,EAAMM,QAAQC,SAASC,gBAAkB,GAAGjB,EAASb,UAI7DO,EAAIe,qBACF,MAAO,UAAIzB,KAAKkC,iBAAiB,aAGnCxB,EAAIM,wBACF,OAAOhB,KAAKmC,QAAQC,uBAAuB9C,EAAI4B,KAAKmB,SAAS/B,kBAAmB,MAAM,GAAM,gBAG9FH,iBACEH,KAAKC,MAAQ,EACbD,KAAKsC,sBAGPA,kBACEjD,IAAMkD,EAAOvC,KAAKyB,MAAM,GACnBc,IACLA,EAAKpC,QACLH,KAAKwC,QAAQxC,KAAKyC,OAAOrC,KAAKJ,qBAGhCyC,kBAEE,GADAzC,KAAKC,UACDD,KAAKC,MAAQ,KAAjB,CACAZ,IAAMkD,EAAOvC,KAAKyB,MAAM,GACnBc,GACDP,SAASC,gBAAkBM,GAAMvC,KAAKsC,WAG5C5B,EAAIgC,+BAEF,OADgB1C,KAAKmC,QAAQQ,SAASC,cAAIC,UAASA,EAAMC,YAAY,qBAAmBC,iBAAOC,UAAqB,OAAXA,GAAmBA,EAAOC,SAASzD,EAAmBK,WAChJ,2EA3EMP,EAAI4B,KAAKgC,UCClC5D,EAAI6D,WAAa,CACf3D,mBAAoBA,EACpBM,WAAYA,GCJdR,EAAII,UAAU0D,SAAS9D,EAAI6D,WAAW3D,mBAAmBC,WAAYH,EAAI6D,WAAWrD"}
\ No newline at end of file
{"version":3,"file":"breadcrumb.nomodule.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb-selector.js","../../../src/component/breadcrumb/script/breadcrumb/breadcrumb.js","../../../src/component/breadcrumb/index.js","../../../src/component/breadcrumb/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const BreadcrumbSelector = {\n BREADCRUMB: api.internals.ns.selector('breadcrumb'),\n BUTTON: api.internals.ns.selector('breadcrumb__button')\n};\n","import api from '../../api.js';\nimport { BreadcrumbSelector } from './breadcrumb-selector.js';\n\nclass Breadcrumb extends api.core.Instance {\n constructor () {\n super();\n this.count = 0;\n this.focusing = this.focus.bind(this);\n }\n\n static get instanceClassName () {\n return 'Breadcrumb';\n }\n\n init () {\n this.getCollapse();\n this.isResizing = true;\n }\n\n get proxy () {\n const scope = this;\n return Object.assign(super.proxy, {\n focus: scope.focus.bind(scope),\n disclose: scope.collapse.disclose.bind(scope.collapse)\n });\n }\n\n getCollapse () {\n const collapse = this.collapse;\n if (collapse) {\n collapse.listen(api.core.DisclosureEvent.DISCLOSE, this.focusing);\n } else {\n this.addAscent(api.core.DisclosureEmission.ADDED, this.getCollapse.bind(this));\n }\n }\n\n resize () {\n const collapse = this.collapse;\n const links = this.links;\n if (!collapse || !links.length) return;\n\n if (this.isBreakpoint(api.core.Breakpoints.MD)) {\n if (collapse.buttonHasFocus) links[0].focus();\n } else {\n if (links.indexOf(document.activeElement) > -1) collapse.focus();\n }\n }\n\n get links () {\n return [...this.querySelectorAll('a[href]')];\n }\n\n get collapse () {\n return this.element.getDescendantInstances(api.core.Collapse.instanceClassName, null, true)[0];\n }\n\n focus () {\n this.count = 0;\n this._focus();\n }\n\n _focus () {\n const link = this.links[0];\n if (!link) return;\n link.focus();\n this.request(this.verify.bind(this));\n }\n\n verify () {\n this.count++;\n if (this.count > 100) return;\n const link = this.links[0];\n if (!link) return;\n if (document.activeElement !== link) this._focus();\n }\n\n get collapsePrimary () {\n const buttons = this.element.children.map(child => child.getInstance('CollapseButton')).filter(button => button !== null && button.hasClass(BreadcrumbSelector.BUTTON));\n return buttons[0];\n }\n}\n\nexport { Breadcrumb };\n","import api from './api.js';\nimport { Breadcrumb } from './script/breadcrumb/breadcrumb.js';\nimport { BreadcrumbSelector } from './script/breadcrumb/breadcrumb-selector.js';\n\napi.breadcrumb = {\n BreadcrumbSelector: BreadcrumbSelector,\n Breadcrumb: Breadcrumb\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.breadcrumb.BreadcrumbSelector.BREADCRUMB, api.breadcrumb.Breadcrumb);\n\nexport default api;\n"],"names":["const","api","window","BreadcrumbSelector","BREADCRUMB","internals","ns","selector","BUTTON","Breadcrumb","super","this","count","focusing","focus","bind","staticAccessors","instanceClassName","init","getCollapse","isResizing","prototypeAccessors","proxy","scope","Object","assign","disclose","collapse","listen","core","DisclosureEvent","DISCLOSE","addAscent","DisclosureEmission","ADDED","resize","links","length","isBreakpoint","Breakpoints","MD","buttonHasFocus","indexOf","document","activeElement","querySelectorAll","element","getDescendantInstances","Collapse","_focus","link","request","verify","collapsePrimary","children","map","child","getInstance","filter","button","hasClass","Instance","breadcrumb","register"],"mappings":";yBAAAA,ICCMC,EAAMC,OAAuB,KCCtBC,EAAqB,CAChCC,WAAYH,EAAII,UAAUC,GAAGC,SAAS,cACtCC,OAAQP,EAAII,UAAUC,GAAGC,SAAS,uBCD9BE,cACJ,aACEC,aACAC,KAAKC,MAAQ,EACbD,KAAKE,SAAWF,KAAKG,MAAMC,KAAKJ,iQAGlCK,EAAWC,iCACT,MAAO,0BAGTC,gBACEP,KAAKQ,cACLR,KAAKS,YAAa,GAGpBC,EAAIC,qBACFtB,IAAMuB,EAAQZ,KACd,OAAOa,OAAOC,iBAAOf,YAAMY,MAAO,CAChCR,MAAOS,EAAMT,MAAMC,KAAKQ,GACxBG,SAAUH,EAAMI,SAASD,SAASX,KAAKQ,EAAMI,yBAIjDR,uBACEnB,IAAM2B,EAAWhB,KAAKgB,SAClBA,EACFA,EAASC,OAAO3B,EAAI4B,KAAKC,gBAAgBC,SAAUpB,KAAKE,UAExDF,KAAKqB,UAAU/B,EAAI4B,KAAKI,mBAAmBC,MAAOvB,KAAKQ,YAAYJ,KAAKJ,oBAI5EwB,kBACEnC,IAAM2B,EAAWhB,KAAKgB,SAChBS,EAAQzB,KAAKyB,MACdT,GAAaS,EAAMC,SAEpB1B,KAAK2B,aAAarC,EAAI4B,KAAKU,YAAYC,IACrCb,EAASc,gBAAgBL,EAAM,GAAGtB,QAElCsB,EAAMM,QAAQC,SAASC,gBAAkB,GAAGjB,EAASb,UAI7DO,EAAIe,qBACF,MAAO,UAAIzB,KAAKkC,iBAAiB,aAGnCxB,EAAIM,wBACF,OAAOhB,KAAKmC,QAAQC,uBAAuB9C,EAAI4B,KAAKmB,SAAS/B,kBAAmB,MAAM,GAAM,gBAG9FH,iBACEH,KAAKC,MAAQ,EACbD,KAAKsC,sBAGPA,kBACEjD,IAAMkD,EAAOvC,KAAKyB,MAAM,GACnBc,IACLA,EAAKpC,QACLH,KAAKwC,QAAQxC,KAAKyC,OAAOrC,KAAKJ,qBAGhCyC,kBAEE,GADAzC,KAAKC,UACDD,KAAKC,MAAQ,KAAjB,CACAZ,IAAMkD,EAAOvC,KAAKyB,MAAM,GACnBc,GACDP,SAASC,gBAAkBM,GAAMvC,KAAKsC,WAG5C5B,EAAIgC,+BAEF,OADgB1C,KAAKmC,QAAQQ,SAASC,cAAIC,UAASA,EAAMC,YAAY,qBAAmBC,iBAAOC,UAAqB,OAAXA,GAAmBA,EAAOC,SAASzD,EAAmBK,WAChJ,2EA3EMP,EAAI4B,KAAKgC,UCClC5D,EAAI6D,WAAa,CACf3D,mBAAoBA,EACpBM,WAAYA,GCJdR,EAAII,UAAU0D,SAAS9D,EAAI6D,WAAW3D,mBAAmBC,WAAYH,EAAI6D,WAAWrD"}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@charset "UTF-8";
......@@ -428,7 +428,8 @@
*/
}
.fr-btns-group > li {
.fr-btns-group > li,
.fr-btns-group > div {
width: 100%;
max-width: 100%;
}
......@@ -762,7 +763,6 @@
max-height: none;
display: flex;
margin-left: auto;
margin-right: -1rem;
}
.fr-btn--close::after {
......@@ -876,6 +876,87 @@
content: "";
}
.fr-btn--account {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-btn--account::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("../../icons/user/account-circle-fill.svg");
mask-image: url("../../icons/user/account-circle-fill.svg");
content: "";
}
.fr-btn--team {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-btn--team::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("../../icons/user/team-line.svg");
mask-image: url("../../icons/user/team-line.svg");
content: "";
}
.fr-btn--briefcase {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-btn--briefcase::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("../../icons/business/briefcase-fill.svg");
mask-image: url("../../icons/business/briefcase-fill.svg");
content: "";
}
.fr-btn:disabled,
a.fr-btn:not([href]) {
color: var(--text-disabled-grey);
......@@ -905,7 +986,8 @@ a.fr-btn--secondary:not([href]) {
--active: inherit;
}
.fr-btn--tertiary {
.fr-btn--tertiary,
.fr-btn--account {
background-color: transparent;
--hover: inherit;
......@@ -915,7 +997,9 @@ a.fr-btn--secondary:not([href]) {
}
.fr-btn--tertiary:disabled,
a.fr-btn--tertiary:not([href]) {
a.fr-btn--tertiary:not([href]),
a.fr-btn--account:not([href]),
.fr-btn--account:disabled {
color: var(--text-disabled-grey);
box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
background-color: transparent;
......@@ -928,7 +1012,9 @@ a.fr-btn--tertiary:not([href]) {
.fr-btn--close,
.fr-btn--display,
.fr-btn--fullscreen,
.fr-btn--tooltip {
.fr-btn--tooltip,
.fr-btn--briefcase,
.fr-btn--team {
background-color: transparent;
--hover: inherit;
......@@ -942,10 +1028,14 @@ a.fr-btn--close:not([href]),
a.fr-btn--display:not([href]),
a.fr-btn--fullscreen:not([href]),
a.fr-btn--tooltip:not([href]),
a.fr-btn--briefcase:not([href]),
a.fr-btn--team:not([href]),
.fr-btn--close:disabled,
.fr-btn--display:disabled,
.fr-btn--fullscreen:disabled,
.fr-btn--tooltip:disabled {
.fr-btn--tooltip:disabled,
.fr-btn--briefcase:disabled,
.fr-btn--team:disabled {
color: var(--text-disabled-grey);
background-color: transparent;
......@@ -1033,6 +1123,10 @@ a.fr-btn--tooltip:not([href]),
height: 1rem;
}
.fr-btn[href] {
text-decoration: none;
}
.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before,
.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after,
.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before,
......@@ -1136,6 +1230,36 @@ a.fr-btn--tooltip:not([href]),
height: 1rem;
}
.fr-btn--briefcase::before,
.fr-btn--briefcase::after {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("../../icons/business/briefcase-fill.svg");
width: 1rem;
height: 1rem;
}
.fr-btn--account::before,
.fr-btn--account::after {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("../../icons/user/account-circle-fill.svg");
width: 1rem;
height: 1rem;
}
.fr-btn--team::before,
.fr-btn--team::after {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("../../icons/user/team-line.svg");
width: 1rem;
height: 1rem;
}
ul.fr-btns-group {
list-style-type: none;
}
......@@ -1231,34 +1355,43 @@ a.fr-btn--tooltip:not([href]),
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary {
.fr-btn--tertiary,
.fr-btn--account {
background-color: transparent;
color: #000091;
box-shadow: inset 0 0 0 1px #ddd;
}
.fr-btn--tertiary:hover {
.fr-btn--tertiary:hover,
.fr-btn--account:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary:active {
.fr-btn--tertiary:active,
.fr-btn--account:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary:disabled,
a.fr-btn--tertiary:not([href]) {
a.fr-btn--tertiary:not([href]),
a.fr-btn--account:not([href]),
.fr-btn--account:disabled {
color: #929292;
box-shadow: inset 0 0 0 1px #e5e5e5;
background-color: transparent;
}
.fr-btn--tertiary:disabled:hover,
a.fr-btn--tertiary:not([href]):hover {
a.fr-btn--tertiary:not([href]):hover,
a.fr-btn--account:not([href]):hover,
.fr-btn--account:disabled:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary:disabled:active,
a.fr-btn--tertiary:not([href]):active {
a.fr-btn--tertiary:not([href]):active,
a.fr-btn--account:not([href]):active,
.fr-btn--account:disabled:active {
background-color: rgba(0, 0, 0, 0.1);
}
......@@ -1266,7 +1399,9 @@ a.fr-btn--tooltip:not([href]),
.fr-btn--close,
.fr-btn--display,
.fr-btn--fullscreen,
.fr-btn--tooltip {
.fr-btn--tooltip,
.fr-btn--briefcase,
.fr-btn--team {
background-color: transparent;
color: #000091;
}
......@@ -1275,7 +1410,9 @@ a.fr-btn--tooltip:not([href]),
.fr-btn--close:hover,
.fr-btn--display:hover,
.fr-btn--fullscreen:hover,
.fr-btn--tooltip:hover {
.fr-btn--tooltip:hover,
.fr-btn--briefcase:hover,
.fr-btn--team:hover {
background-color: rgba(0, 0, 0, 0.05);
}
......@@ -1283,9 +1420,118 @@ a.fr-btn--tooltip:not([href]),
.fr-btn--close:active,
.fr-btn--display:active,
.fr-btn--fullscreen:active,
.fr-btn--tooltip:active {
.fr-btn--tooltip:active,
.fr-btn--briefcase:active,
.fr-btn--team:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary-no-outline:disabled,
a.fr-btn--tertiary-no-outline:not([href]),
a.fr-btn--close:not([href]),
a.fr-btn--display:not([href]),
a.fr-btn--fullscreen:not([href]),
a.fr-btn--tooltip:not([href]),
a.fr-btn--briefcase:not([href]),
a.fr-btn--team:not([href]),
.fr-btn--close:disabled,
.fr-btn--display:disabled,
.fr-btn--fullscreen:disabled,
.fr-btn--tooltip:disabled,
.fr-btn--briefcase:disabled,
.fr-btn--team:disabled {
color: #929292;
background-color: transparent;
}
.fr-btn--tertiary-no-outline:disabled:hover,
a.fr-btn--tertiary-no-outline:not([href]):hover,
a.fr-btn--close:not([href]):hover,
a.fr-btn--display:not([href]):hover,
a.fr-btn--fullscreen:not([href]):hover,
a.fr-btn--tooltip:not([href]):hover,
a.fr-btn--briefcase:not([href]):hover,
a.fr-btn--team:not([href]):hover,
.fr-btn--close:disabled:hover,
.fr-btn--display:disabled:hover,
.fr-btn--fullscreen:disabled:hover,
.fr-btn--tooltip:disabled:hover,
.fr-btn--briefcase:disabled:hover,
.fr-btn--team:disabled:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary-no-outline:disabled:active,
a.fr-btn--tertiary-no-outline:not([href]):active,
a.fr-btn--close:not([href]):active,
a.fr-btn--display:not([href]):active,
a.fr-btn--fullscreen:not([href]):active,
a.fr-btn--tooltip:not([href]):active,
a.fr-btn--briefcase:not([href]):active,
a.fr-btn--team:not([href]):active,
.fr-btn--close:disabled:active,
.fr-btn--display:disabled:active,
.fr-btn--fullscreen:disabled:active,
.fr-btn--tooltip:disabled:active,
.fr-btn--briefcase:disabled:active,
.fr-btn--team:disabled:active {
background-color: rgba(0, 0, 0, 0.1);
}
}
@media print {
.fr-btn {
background-color: #000091;
color: #f5f5fe;
}
.fr-btn:hover {
background-color: #1212ff;
}
.fr-btn:active {
background-color: #2323ff;
}
.fr-btn:disabled,
a.fr-btn:not([href]) {
color: #929292;
background-color: #e5e5e5;
}
.fr-btn--secondary {
color: #000091;
box-shadow: inset 0 0 0 1px #000091;
}
.fr-btn--secondary:disabled,
a.fr-btn--secondary:not([href]) {
color: #929292;
box-shadow: inset 0 0 0 1px #e5e5e5;
}
.fr-btn--tertiary,
.fr-btn--account {
color: #000091;
box-shadow: inset 0 0 0 1px #ddd;
}
.fr-btn--tertiary:disabled,
a.fr-btn--tertiary:not([href]),
a.fr-btn--account:not([href]),
.fr-btn--account:disabled {
color: #929292;
box-shadow: inset 0 0 0 1px #e5e5e5;
}
.fr-btn--tertiary-no-outline,
.fr-btn--close,
.fr-btn--display,
.fr-btn--fullscreen,
.fr-btn--tooltip,
.fr-btn--briefcase,
.fr-btn--team {
color: #000091;
}
.fr-btn--tertiary-no-outline:disabled,
a.fr-btn--tertiary-no-outline:not([href]),
......@@ -1293,11 +1539,135 @@ a.fr-btn--tooltip:not([href]),
a.fr-btn--display:not([href]),
a.fr-btn--fullscreen:not([href]),
a.fr-btn--tooltip:not([href]),
a.fr-btn--briefcase:not([href]),
a.fr-btn--team:not([href]),
.fr-btn--close:disabled,
.fr-btn--display:disabled,
.fr-btn--fullscreen:disabled,
.fr-btn--tooltip:disabled {
.fr-btn--tooltip:disabled,
.fr-btn--briefcase:disabled,
.fr-btn--team:disabled {
color: #929292;
}
.fr-btn--secondary,
.fr-btn--tertiary,
.fr-btn--tertiary-no-outline,
.fr-btn--close,
.fr-btn--display,
.fr-btn--fullscreen,
.fr-btn--tooltip {
background-color: transparent;
}
}
@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
.fr-btn--secondary {
background-color: transparent;
}
.fr-btn--secondary:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--secondary:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--secondary:disabled,
a.fr-btn--secondary:not([href]) {
background-color: transparent;
}
.fr-btn--secondary:disabled:hover,
a.fr-btn--secondary:not([href]):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--secondary:disabled:active,
a.fr-btn--secondary:not([href]):active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary,
.fr-btn--account {
background-color: transparent;
}
.fr-btn--tertiary:hover,
.fr-btn--account:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary:active,
.fr-btn--account:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary:disabled,
a.fr-btn--tertiary:not([href]),
a.fr-btn--account:not([href]),
.fr-btn--account:disabled {
background-color: transparent;
}
.fr-btn--tertiary:disabled:hover,
a.fr-btn--tertiary:not([href]):hover,
a.fr-btn--account:not([href]):hover,
.fr-btn--account:disabled:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary:disabled:active,
a.fr-btn--tertiary:not([href]):active,
a.fr-btn--account:not([href]):active,
.fr-btn--account:disabled:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary-no-outline,
.fr-btn--close,
.fr-btn--display,
.fr-btn--fullscreen,
.fr-btn--tooltip,
.fr-btn--briefcase,
.fr-btn--team {
background-color: transparent;
}
.fr-btn--tertiary-no-outline:hover,
.fr-btn--close:hover,
.fr-btn--display:hover,
.fr-btn--fullscreen:hover,
.fr-btn--tooltip:hover,
.fr-btn--briefcase:hover,
.fr-btn--team:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary-no-outline:active,
.fr-btn--close:active,
.fr-btn--display:active,
.fr-btn--fullscreen:active,
.fr-btn--tooltip:active,
.fr-btn--briefcase:active,
.fr-btn--team:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary-no-outline:disabled,
a.fr-btn--tertiary-no-outline:not([href]),
a.fr-btn--close:not([href]),
a.fr-btn--display:not([href]),
a.fr-btn--fullscreen:not([href]),
a.fr-btn--tooltip:not([href]),
a.fr-btn--briefcase:not([href]),
a.fr-btn--team:not([href]),
.fr-btn--close:disabled,
.fr-btn--display:disabled,
.fr-btn--fullscreen:disabled,
.fr-btn--tooltip:disabled,
.fr-btn--briefcase:disabled,
.fr-btn--team:disabled {
background-color: transparent;
}
......@@ -1307,10 +1677,14 @@ a.fr-btn--tooltip:not([href]),
a.fr-btn--display:not([href]):hover,
a.fr-btn--fullscreen:not([href]):hover,
a.fr-btn--tooltip:not([href]):hover,
a.fr-btn--briefcase:not([href]):hover,
a.fr-btn--team:not([href]):hover,
.fr-btn--close:disabled:hover,
.fr-btn--display:disabled:hover,
.fr-btn--fullscreen:disabled:hover,
.fr-btn--tooltip:disabled:hover {
.fr-btn--tooltip:disabled:hover,
.fr-btn--briefcase:disabled:hover,
.fr-btn--team:disabled:hover {
background-color: rgba(0, 0, 0, 0.05);
}
......@@ -1320,10 +1694,14 @@ a.fr-btn--tooltip:not([href]),
a.fr-btn--display:not([href]):active,
a.fr-btn--fullscreen:not([href]):active,
a.fr-btn--tooltip:not([href]):active,
a.fr-btn--briefcase:not([href]):active,
a.fr-btn--team:not([href]):active,
.fr-btn--close:disabled:active,
.fr-btn--display:disabled:active,
.fr-btn--fullscreen:disabled:active,
.fr-btn--tooltip:disabled:active {
.fr-btn--tooltip:disabled:active,
.fr-btn--briefcase:disabled:active,
.fr-btn--team:disabled:active {
background-color: rgba(0, 0, 0, 0.1);
}
}
design_system_admin/dsfr/component/button/button.css.map
View file @ c70aacd8
Source diff could not be displayed: it is too large. Options to address this: view the blob.
design_system_admin/dsfr/component/button/button.legacy.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@media (min-width: 36em) {
/*! media sm */
......@@ -23,6 +23,10 @@
height: 1rem;
}
.fr-btn[href] {
text-decoration: none;
}
.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before,
.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::after,
.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"])::before,
......@@ -126,6 +130,36 @@
height: 1rem;
}
.fr-btn--briefcase::before,
.fr-btn--briefcase::after {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("../../icons/business/briefcase-fill.svg");
width: 1rem;
height: 1rem;
}
.fr-btn--account::before,
.fr-btn--account::after {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("../../icons/user/account-circle-fill.svg");
width: 1rem;
height: 1rem;
}
.fr-btn--team::before,
.fr-btn--team::after {
background-color: transparent;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("../../icons/user/team-line.svg");
width: 1rem;
height: 1rem;
}
ul.fr-btns-group {
list-style-type: none;
}
......@@ -221,34 +255,43 @@
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary {
.fr-btn--tertiary,
.fr-btn--account {
background-color: transparent;
color: #000091;
box-shadow: inset 0 0 0 1px #ddd;
}
.fr-btn--tertiary:hover {
.fr-btn--tertiary:hover,
.fr-btn--account:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary:active {
.fr-btn--tertiary:active,
.fr-btn--account:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-btn--tertiary:disabled,
a.fr-btn--tertiary:not([href]) {
a.fr-btn--tertiary:not([href]),
a.fr-btn--account:not([href]),
.fr-btn--account:disabled {
color: #929292;
box-shadow: inset 0 0 0 1px #e5e5e5;
background-color: transparent;
}
.fr-btn--tertiary:disabled:hover,
a.fr-btn--tertiary:not([href]):hover {
a.fr-btn--tertiary:not([href]):hover,
a.fr-btn--account:not([href]):hover,
.fr-btn--account:disabled:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-btn--tertiary:disabled:active,
a.fr-btn--tertiary:not([href]):active {
a.fr-btn--tertiary:not([href]):active,
a.fr-btn--account:not([href]):active,
.fr-btn--account:disabled:active {
background-color: rgba(0, 0, 0, 0.1);
}
......@@ -256,7 +299,9 @@
.fr-btn--close,
.fr-btn--display,
.fr-btn--fullscreen,
.fr-btn--tooltip {
.fr-btn--tooltip,
.fr-btn--briefcase,
.fr-btn--team {
background-color: transparent;
color: #000091;
}
......@@ -265,7 +310,9 @@
.fr-btn--close:hover,
.fr-btn--display:hover,
.fr-btn--fullscreen:hover,
.fr-btn--tooltip:hover {
.fr-btn--tooltip:hover,
.fr-btn--briefcase:hover,
.fr-btn--team:hover {
background-color: rgba(0, 0, 0, 0.05);
}
......@@ -273,7 +320,9 @@
.fr-btn--close:active,
.fr-btn--display:active,
.fr-btn--fullscreen:active,
.fr-btn--tooltip:active {
.fr-btn--tooltip:active,
.fr-btn--briefcase:active,
.fr-btn--team:active {
background-color: rgba(0, 0, 0, 0.1);
}
......@@ -283,10 +332,14 @@
a.fr-btn--display:not([href]),
a.fr-btn--fullscreen:not([href]),
a.fr-btn--tooltip:not([href]),
a.fr-btn--briefcase:not([href]),
a.fr-btn--team:not([href]),
.fr-btn--close:disabled,
.fr-btn--display:disabled,
.fr-btn--fullscreen:disabled,
.fr-btn--tooltip:disabled {
.fr-btn--tooltip:disabled,
.fr-btn--briefcase:disabled,
.fr-btn--team:disabled {
color: #929292;
background-color: transparent;
}
......@@ -297,10 +350,14 @@
a.fr-btn--display:not([href]):hover,
a.fr-btn--fullscreen:not([href]):hover,
a.fr-btn--tooltip:not([href]):hover,
a.fr-btn--briefcase:not([href]):hover,
a.fr-btn--team:not([href]):hover,
.fr-btn--close:disabled:hover,
.fr-btn--display:disabled:hover,
.fr-btn--fullscreen:disabled:hover,
.fr-btn--tooltip:disabled:hover {
.fr-btn--tooltip:disabled:hover,
.fr-btn--briefcase:disabled:hover,
.fr-btn--team:disabled:hover {
background-color: rgba(0, 0, 0, 0.05);
}
......@@ -310,10 +367,14 @@
a.fr-btn--display:not([href]):active,
a.fr-btn--fullscreen:not([href]):active,
a.fr-btn--tooltip:not([href]):active,
a.fr-btn--briefcase:not([href]):active,
a.fr-btn--team:not([href]):active,
.fr-btn--close:disabled:active,
.fr-btn--display:disabled:active,
.fr-btn--fullscreen:disabled:active,
.fr-btn--tooltip:disabled:active {
.fr-btn--tooltip:disabled:active,
.fr-btn--briefcase:disabled:active,
.fr-btn--team:disabled:active {
background-color: rgba(0, 0, 0, 0.1);
}
}
design_system_admin/dsfr/component/button/button.legacy.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%20S4uXCC%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss"],"names":[],"mappings":"AAAA;;GAAA;ACeI;ECRI,cAAA;ACLR;AFaI;ECRI,cAAA;ACFR;AFUI;ECRI,cAAA;ACCR;AFOI;ECRI,cAAA;ACIR;ACFI;ECOF;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJ5CJ;;EEDA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,aAAA;IAGA,cAAA;EJnCJ;;EEVA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,cAAA;IAGA,eAAA;EJ1BJ;;EEnBA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJjBJ;;EE5BA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,aAAA;IAGA,cAAA;EJRJ;;EErCA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJCJ;;EE9CA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IC4CF,WAAA;IAGA,YAAA;EJUJ;;EEvDA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,6DAFI;IC4CF,WAAA;IAGA,YAAA;EJsBJ;;EEnEA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,8DAFI;IC4CF,WAAA;IAGA,YAAA;EJkCJ;;EE/EA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,8DAFI;IC4CF,WAAA;IAGA,YAAA;EJ8CJ;;EKrCE;IACE,qBAAA;EL8CJ;;EK3CE;IACE,qBAAA;EL6CJ;;EK1CE;;ICjDE,eAXA;IAOA,aAPA;IAQA,gBARA;EN4GJ;;EE9GA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJsEJ;;EEnHA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJ+EJ;;EOnIA;ICgCE,yBAAA;IAAA,cAAA;ER4GF;;ESnJE;IDuFA,yBAAA;ERiEF;;ESxJE;IDuFA,yBAAA;ERoEF;;EU1IS;;IFsBP,cAAA;IAAA,yBAAA;ER8HF;;EOvJE;ICwGE,6BAAA;IA/EF,cAAA;IAAA,mCAAA;ERyIF;;EQvDM;IACE,qCAAA;ERyDR;;EQtDM;IACE,oCAAA;ERwDR;;EUrKS;;IFsBP,cAAA;IAAA,mCAAA;IA+EE,6BAAA;ER+EJ;;EQ5EM;;IACE,qCAAA;ERwFR;;EQrFM;;IACE,oCAAA;ERuFR;;EOlME;ICmGE,6BAAA;IA/EF,cAAA;IAAA,gCAAA;ERoLF;;EQlGM;IACE,qCAAA;ERoGR;;EQjGM;IACE,oCAAA;ERmGR;;EUhNS;;IFsBP,cAAA;IAAA,mCAAA;IA+EE,6BAAA;ER0HJ;;EQvHM;;IACE,qCAAA;ERmIR;;EQhIM;;IACE,oCAAA;ERkIR;;EOxOE;;;;;IC8FE,6BAAA;IA/EF,cAAA;ER+NF;;EQ7IM;;;;;IACE,qCAAA;ER+IR;;EQ5IM;;;;;IACE,oCAAA;ER8IR;;EU3PS;;;;;;;;;;IFsBP,cAAA;IA+EE,6BAAA;ERgKJ;;EQ7JM;;;;;;;;;;IACE,qCAAA;ERoKR;;EQjKM;;;;;;;;;;IACE,oCAAA;ERmKR;AAlJF","file":"button.legacy.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn::before, .fr-btn::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn::before, .fr-btn::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 2rem;\n height: 2rem;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-btn--close::before, .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-image: url(\"../../icons/system/question-line.svg\");\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-image: url(\"../../icons/media/fullscreen-line.svg\");\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-image: url(\"../../icons/system/fr--theme-fill.svg\");\n }\n .fr-btn--display::before, .fr-btn--display::after {\n width: 1rem;\n height: 1rem;\n }\n ul.fr-btns-group {\n list-style-type: none;\n }\n ol.fr-btns-group {\n list-style-type: none;\n }\n ul.fr-btns-group,\n ol.fr-btns-group {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n width: 2rem;\n height: 2rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n background-color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:hover {\n background-color: #1212ff;\n }\n .fr-btn:active {\n background-color: #2323ff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n color: #f5f5fe;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n background-color: #e5e5e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n background-color: transparent;\n }\n .fr-btn--secondary:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n box-shadow: inset 0 0 0 1px #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n background-color: transparent;\n }\n .fr-btn--secondary:disabled:hover, a.fr-btn--secondary:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:disabled:active, a.fr-btn--secondary:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary {\n background-color: transparent;\n }\n .fr-btn--tertiary:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]) {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]) {\n background-color: transparent;\n }\n .fr-btn--tertiary:disabled:hover, a.fr-btn--tertiary:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:disabled:active, a.fr-btn--tertiary:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip {\n background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:hover, .fr-btn--close:hover, .fr-btn--display:hover, .fr-btn--fullscreen:hover, .fr-btn--tooltip:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:active, .fr-btn--close:active, .fr-btn--display:active, .fr-btn--fullscreen:active, .fr-btn--tooltip:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline:disabled, a.fr-btn--tertiary-no-outline:not([href]), a.fr-btn--close:not([href]), a.fr-btn--display:not([href]), a.fr-btn--fullscreen:not([href]), a.fr-btn--tooltip:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline:disabled, a.fr-btn--tertiary-no-outline:not([href]), a.fr-btn--close:not([href]), a.fr-btn--display:not([href]), a.fr-btn--fullscreen:not([href]), a.fr-btn--tooltip:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled {\n background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:disabled:hover, a.fr-btn--tertiary-no-outline:not([href]):hover, a.fr-btn--close:not([href]):hover, a.fr-btn--display:not([href]):hover, a.fr-btn--fullscreen:not([href]):hover, a.fr-btn--tooltip:not([href]):hover, .fr-btn--close:disabled:hover, .fr-btn--display:disabled:hover, .fr-btn--fullscreen:disabled:hover, .fr-btn--tooltip:disabled:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:disabled:active, a.fr-btn--tertiary-no-outline:not([href]):active, a.fr-btn--close:not([href]):active, a.fr-btn--display:not([href]):active, a.fr-btn--fullscreen:not([href]):active, a.fr-btn--tooltip:not([href]):active, .fr-btn--close:disabled:active, .fr-btn--display:disabled:active, .fr-btn--fullscreen:disabled:active, .fr-btn--tooltip:disabled:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\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/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%20ckvjtt%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss"],"names":[],"mappings":"AAAA;;GAAA;ACeI;ECRI,cAAA;ACLR;AFaI;ECRI,cAAA;ACFR;AFUI;ECRI,cAAA;ACCR;AFOI;ECRI,cAAA;ACIR;ACFI;ECOF;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJ5CJ;;EKNE;IACE,qBAAA;ELYJ;;EERA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,aAAA;IAGA,cAAA;EJhCJ;;EEbA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,cAAA;IAGA,eAAA;EJvBJ;;EEtBA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJdJ;;EE/BA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,aAAA;IAGA,cAAA;EJLJ;;EExCA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJIJ;;EEjDA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,0DAFI;IC4CF,WAAA;IAGA,YAAA;EJaJ;;EE1DA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,6DAFI;IC4CF,WAAA;IAGA,YAAA;EJyBJ;;EEtEA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,8DAFI;IC4CF,WAAA;IAGA,YAAA;EJqCJ;;EElFA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,8DAFI;IC4CF,WAAA;IAGA,YAAA;EJiDJ;;EE9FA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,gEAFI;IC4CF,WAAA;IAGA,YAAA;EJ6DJ;;EE1GA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,iEAFI;IC4CF,WAAA;IAGA,YAAA;EJyEJ;;EEtHA;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;IARA,uDAFI;IC4CF,WAAA;IAGA,YAAA;EJqFJ;;EM5EE;IACE,qBAAA;ENqFJ;;EMlFE;IACE,qBAAA;ENoFJ;;EMjFE;;ICjDE,eAXA;IAOA,aAPA;IAQA,gBARA;EPmJJ;;EErJA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJ6GJ;;EE1JA;;;;;;;;ICME,6BAAA;IACA,qBAAA;IACA,4BAAA;ICkCE,WAAA;IAGA,YAAA;EJsHJ;;EQ1KA;ICgCE,yBAAA;IAAA,cAAA;ETmJF;;EU1LE;IDuFA,yBAAA;ETwGF;;EU/LE;IDuFA,yBAAA;ET2GF;;EWjLS;;IFsBP,cAAA;IAAA,yBAAA;ETqKF;;EQ9LE;ICwGE,6BAAA;IA/EF,cAAA;IAAA,mCAAA;ETgLF;;ES9FM;IACE,qCAAA;ETgGR;;ES7FM;IACE,oCAAA;ET+FR;;EW5MS;;IFsBP,cAAA;IAAA,mCAAA;IA+EE,6BAAA;ETsHJ;;ESnHM;;IACE,qCAAA;ET+HR;;ES5HM;;IACE,oCAAA;ET8HR;;EQzOE;;ICmGE,6BAAA;IA/EF,cAAA;IAAA,gCAAA;ET2NF;;ESzIM;;IACE,qCAAA;ET2IR;;ESxIM;;IACE,oCAAA;ET0IR;;EWvPS;;;;IFsBP,cAAA;IAAA,mCAAA;IA+EE,6BAAA;ETiKJ;;ES9JM;;;;IACE,qCAAA;ET0KR;;ESvKM;;;;IACE,oCAAA;ETyKR;;EQ9QE;;;;;;;IC6FE,6BAAA;IA/EF,cAAA;ETsQF;;ESpLM;;;;;;;IACE,qCAAA;ETsLR;;ESnLM;;;;;;;IACE,oCAAA;ETqLR;;EWlSS;;;;;;;;;;;;;;IFsBP,cAAA;IA+EE,6BAAA;ETuMJ;;ESpMM;;;;;;;;;;;;;;IACE,qCAAA;ET2MR;;ESxMM;;;;;;;;;;;;;;IACE,oCAAA;ET0MR;AAlJF","file":"button.legacy.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn::before, .fr-btn::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn::before, .fr-btn::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn[href] {\n text-decoration: none;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 2rem;\n height: 2rem;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-btn--close::before, .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-image: url(\"../../icons/system/question-line.svg\");\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-image: url(\"../../icons/media/fullscreen-line.svg\");\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-image: url(\"../../icons/system/fr--theme-fill.svg\");\n }\n .fr-btn--display::before, .fr-btn--display::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--briefcase::before, .fr-btn--briefcase::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--briefcase::before, .fr-btn--briefcase::after {\n background-image: url(\"../../icons/business/briefcase-fill.svg\");\n }\n .fr-btn--briefcase::before, .fr-btn--briefcase::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--account::before, .fr-btn--account::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--account::before, .fr-btn--account::after {\n background-image: url(\"../../icons/user/account-circle-fill.svg\");\n }\n .fr-btn--account::before, .fr-btn--account::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--team::before, .fr-btn--team::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--team::before, .fr-btn--team::after {\n background-image: url(\"../../icons/user/team-line.svg\");\n }\n .fr-btn--team::before, .fr-btn--team::after {\n width: 1rem;\n height: 1rem;\n }\n ul.fr-btns-group {\n list-style-type: none;\n }\n ol.fr-btns-group {\n list-style-type: none;\n }\n ul.fr-btns-group,\n ol.fr-btns-group {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::after, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::after {\n width: 2rem;\n height: 2rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n background-color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:hover {\n background-color: #1212ff;\n }\n .fr-btn:active {\n background-color: #2323ff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n color: #f5f5fe;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n background-color: #e5e5e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n background-color: transparent;\n }\n .fr-btn--secondary:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n box-shadow: inset 0 0 0 1px #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n background-color: transparent;\n }\n .fr-btn--secondary:disabled:hover, a.fr-btn--secondary:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:disabled:active, a.fr-btn--secondary:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary, .fr-btn--account {\n background-color: transparent;\n }\n .fr-btn--tertiary:hover, .fr-btn--account:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:active, .fr-btn--account:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary, .fr-btn--account {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary, .fr-btn--account {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\n background-color: transparent;\n }\n .fr-btn--tertiary:disabled:hover, a.fr-btn--tertiary:not([href]):hover, a.fr-btn--account:not([href]):hover, .fr-btn--account:disabled:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:disabled:active, a.fr-btn--tertiary:not([href]):active, a.fr-btn--account:not([href]):active, .fr-btn--account:disabled:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip, .fr-btn--briefcase, .fr-btn--team {\n background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:hover, .fr-btn--close:hover, .fr-btn--display:hover, .fr-btn--fullscreen:hover, .fr-btn--tooltip:hover, .fr-btn--briefcase:hover, .fr-btn--team:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:active, .fr-btn--close:active, .fr-btn--display:active, .fr-btn--fullscreen:active, .fr-btn--tooltip:active, .fr-btn--briefcase:active, .fr-btn--team:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip, .fr-btn--briefcase, .fr-btn--team {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline:disabled, a.fr-btn--tertiary-no-outline:not([href]), a.fr-btn--close:not([href]), a.fr-btn--display:not([href]), a.fr-btn--fullscreen:not([href]), a.fr-btn--tooltip:not([href]), a.fr-btn--briefcase:not([href]), a.fr-btn--team:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled, .fr-btn--briefcase:disabled, .fr-btn--team:disabled {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline:disabled, a.fr-btn--tertiary-no-outline:not([href]), a.fr-btn--close:not([href]), a.fr-btn--display:not([href]), a.fr-btn--fullscreen:not([href]), a.fr-btn--tooltip:not([href]), a.fr-btn--briefcase:not([href]), a.fr-btn--team:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled, .fr-btn--briefcase:disabled, .fr-btn--team:disabled {\n background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:disabled:hover, a.fr-btn--tertiary-no-outline:not([href]):hover, a.fr-btn--close:not([href]):hover, a.fr-btn--display:not([href]):hover, a.fr-btn--fullscreen:not([href]):hover, a.fr-btn--tooltip:not([href]):hover, a.fr-btn--briefcase:not([href]):hover, a.fr-btn--team:not([href]):hover, .fr-btn--close:disabled:hover, .fr-btn--display:disabled:hover, .fr-btn--fullscreen:disabled:hover, .fr-btn--tooltip:disabled:hover, .fr-btn--briefcase:disabled:hover, .fr-btn--team:disabled:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:disabled:active, a.fr-btn--tertiary-no-outline:not([href]):active, a.fr-btn--close:not([href]):active, a.fr-btn--display:not([href]):active, a.fr-btn--fullscreen:not([href]):active, a.fr-btn--tooltip:not([href]):active, a.fr-btn--briefcase:not([href]):active, a.fr-btn--team:not([href]):active, .fr-btn--close:disabled:active, .fr-btn--display:disabled:active, .fr-btn--fullscreen:disabled:active, .fr-btn--tooltip:disabled:active, .fr-btn--briefcase:disabled:active, .fr-btn--team:disabled:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\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/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Button Legacy\n/// @group button\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n #{ns(btn)} {\n @include icon-legacy(null, sm);\n\n &[href] {\n text-decoration: none;\n }\n\n @include class-not-start-with(#{ns(btn--icon-, '')}) {\n @include has-icon {\n @include icon-legacy(null, md);\n }\n }\n\n &--sm {\n @include icon-legacy(null, xs);\n\n @include class-not-start-with(#{ns(btn--icon-, '')}) {\n @include has-icon {\n @include icon-legacy(null, sm);\n }\n }\n }\n\n &--lg {\n @include icon-legacy(null, md);\n\n @include class-not-start-with(#{ns(btn--icon-, '')}) {\n @include has-icon {\n @include icon-legacy(null, lg);\n }\n }\n }\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\n }\n\n #{ns(btn--tooltip)} {\n @include icon-legacy(question-line, sm);\n }\n\n #{ns(btn--fullscreen)} {\n @include icon-legacy(fullscreen-line, sm);\n }\n\n #{ns(btn--display)} {\n @include icon-legacy(theme-fill, sm);\n }\n\n #{ns(btn--briefcase)} {\n @include icon-legacy(briefcase-fill, sm);\n }\n\n #{ns(btn--account)} {\n @include icon-legacy(account-circle-fill, sm);\n }\n\n #{ns(btn--team)} {\n @include icon-legacy(team-line, sm);\n }\n\n #{ns-group(btns)} {\n @include disable-list-style-legacy(true);\n\n &--sm {\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include icon-legacy(null, sm);\n }\n }\n }\n }\n\n &--lg {\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include icon-legacy(null, lg);\n }\n }\n }\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: disc;\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n\n@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary,\n &--account {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip,\n &--briefcase,\n &--team {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n"]}
\ No newline at end of file