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

Target

Select target project
  • pub/cgdd-public/bun-poleweb/systeme-de-design-de-l-etat/cms-spip/z-dsfr
1 result
Show changes
Commits on Source (2)
Hide whitespace changes
Inline Side-by-side
Showing
with 442 additions and 0 deletions
design_system_admin/dsfr/component/accordion/accordion.print.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@media print {
.fr-accordion::before {
box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd;
}
.fr-accordion__btn {
color: #000091;
}
.fr-accordion__btn[aria-expanded=true] {
background-color: #e3e3fd;
}
.fr-accordion__btn::after {
transform: rotate(-180deg);
}
.fr-accordion .fr-collapse:not(.fr-collapse--expanded) {
--collapse-max-height: none !important;
--collapse: inherit !important;
visibility: visible;
padding: 1rem;
}
}
design_system_admin/dsfr/component/accordion/accordion.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/accordion/print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20G60_Om%3E","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECWE;ICyBE,gDAAA;ECtCF;;ECUE;IF4BA,cAAA;ECnCF;;ECUI;IFyBF,yBAAA;EChCF;;EERA;IACE,0BAAA;EFUF;;EEPA;IACE,sCAAA;IACA,8BAAA;IAEA,mBAAA;ICwBA,aAfE;EHAJ;AACF","file":"accordion.print.css","sourcesContent":[null,"////\n/// Accordion Print\n/// @group accordion\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _accordion-scheme('print');\n\n @import 'style/print';\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","@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","@media print {\n .fr-accordion::before {\n box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd;\n }\n .fr-accordion__btn {\n color: #000091;\n }\n .fr-accordion__btn[aria-expanded=true] {\n background-color: #e3e3fd;\n }\n .fr-accordion__btn::after {\n transform: rotate(-180deg);\n }\n .fr-accordion .fr-collapse:not(.fr-collapse--expanded) {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n visibility: visible;\n padding: 1rem;\n }\n}","////\n/// Accordion Scheme\n/// @group accordion\n////\n\n@use 'module/color';\n\n@mixin _accordion-scheme($legacy: false) {\n #{ns(accordion)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in bottom-1-out);\n }\n\n &__btn {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &[aria-expanded='true'] {\n @include color.background(open blue-france, (legacy: $legacy));\n }\n }\n }\n}\n","#{ns(accordion)} {\n &__btn::after {\n transform: rotate(-180deg);\n }\n\n #{ns(collapse)}:not(#{ns(collapse--expanded)}) {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n\n visibility: visible;\n @include padding(1rem);\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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"]}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.print.min.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@media print{.fr-accordion:before{box-shadow:inset 0 1px 0 0 #ddd,0 1px 0 0 #ddd}.fr-accordion__btn{color:#000091}.fr-accordion__btn[aria-expanded=true]{background-color:#e3e3fd}.fr-accordion__btn:after{transform:rotate(-180deg)}.fr-accordion .fr-collapse:not(.fr-collapse--expanded){--collapse-max-height:none!important;--collapse:inherit!important;padding:1rem;visibility:visible}}
\ No newline at end of file
design_system_admin/dsfr/component/accordion/accordion.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/accordion/print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20TRVqfM%3E","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/src/component/accordion/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCWE,qBCyBE,8CCtCF,CCUE,mBF4BA,aCnCF,CCUI,uCFyBF,wBChCF,CERA,yBACE,yBFUF,CEPA,uDACE,oCAAA,CACA,4BAAA,CC0BA,YAfE,CDTF,kBFSF,CACF","file":"accordion.print.min.css","sourcesContent":[null,"////\n/// Accordion Print\n/// @group accordion\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _accordion-scheme('print');\n\n @import 'style/print';\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","@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","@media print {\n .fr-accordion::before {\n box-shadow: inset 0 1px 0 0 #ddd, 0 1px 0 0 #ddd;\n }\n .fr-accordion__btn {\n color: #000091;\n }\n .fr-accordion__btn[aria-expanded=true] {\n background-color: #e3e3fd;\n }\n .fr-accordion__btn::after {\n transform: rotate(-180deg);\n }\n .fr-accordion .fr-collapse:not(.fr-collapse--expanded) {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n visibility: visible;\n padding: 1rem;\n }\n}","////\n/// Accordion Scheme\n/// @group accordion\n////\n\n@use 'module/color';\n\n@mixin _accordion-scheme($legacy: false) {\n #{ns(accordion)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in bottom-1-out);\n }\n\n &__btn {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &[aria-expanded='true'] {\n @include color.background(open blue-france, (legacy: $legacy));\n }\n }\n }\n}\n","#{ns(accordion)} {\n &__btn::after {\n transform: rotate(-180deg);\n }\n\n #{ns(collapse)}:not(#{ns(collapse--expanded)}) {\n --collapse-max-height: none !important;\n --collapse: inherit !important;\n\n visibility: visible;\n @include padding(1rem);\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use '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"]}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.print.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@media print {
.fr-alert {
background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);
}
.fr-alert::before {
color: #fff;
}
.fr-alert--info {
background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);
}
.fr-alert--error {
background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);
}
.fr-alert--success {
background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);
}
.fr-alert--warning {
background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);
}
}
design_system_admin/dsfr/component/alert/alert.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/alert/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%202Plng-%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECGE;ICiCE,6NAAA;ECtCF;;ECaA;IFyBE,WAAA;ECnCF;;EFSE;IC0BA,6NAAA;EChCF;;EFUE;ICsBA,6NAAA;EC7BF;;EFWE;ICkBA,6NAAA;EC1BF;;EFYE;ICcA,6NAAA;ECvBF;AACF","file":"alert.print.css","sourcesContent":[null,"////\n/// Alert Print\n/// @group alert\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _alert-scheme('print');\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.background-image((border plain grey) (border plain grey) (border plain grey) (border plain grey) (flat grey), (legacy:$legacy));\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.background-image((border plain info) (border plain info) (border plain info) (border plain info) (flat info), (legacy:$legacy));\n }\n\n &--error {\n @include color.background-image((border plain error) (border plain error) (border plain error) (border plain error) (flat error), (legacy:$legacy));\n }\n\n &--success {\n @include color.background-image((border plain success) (border plain success) (border plain success) (border plain success) (flat success), (legacy:$legacy));\n }\n\n &--warning {\n @include color.background-image((border plain warning) (border plain warning) (border plain warning) (border plain warning) (flat warning), (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 == 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","@media print {\n .fr-alert {\n background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);\n }\n .fr-alert::before {\n color: #fff;\n }\n .fr-alert--info {\n background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);\n }\n .fr-alert--error {\n background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-alert--success {\n background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-alert--warning {\n background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.print.min.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@media print{.fr-alert{background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a),linear-gradient(0deg,#3a3a3a,#3a3a3a)}.fr-alert:before{color:#fff}.fr-alert--info{background-image:linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb),linear-gradient(0deg,#0063cb,#0063cb)}.fr-alert--error{background-image:linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500),linear-gradient(0deg,#ce0500,#ce0500)}.fr-alert--success{background-image:linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c),linear-gradient(0deg,#18753c,#18753c)}.fr-alert--warning{background-image:linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000),linear-gradient(0deg,#b34000,#b34000)}}
\ No newline at end of file
design_system_admin/dsfr/component/alert/alert.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/alert/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/alert/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%205pcWkh%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCGE,UCiCE,8MCtCF,CCaA,iBFyBE,UCnCF,CFSE,gBC0BA,8MChCF,CFUE,iBCsBA,8MC7BF,CFWE,mBCkBA,8MC1BF,CFYE,mBCcA,8MCvBF,CACF","file":"alert.print.min.css","sourcesContent":[null,"////\n/// Alert Print\n/// @group alert\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _alert-scheme('print');\n}\n","////\n/// alert Scheme\n/// @group alert\n////\n\n@use 'module/color';\n\n@mixin _alert-scheme($legacy: false) {\n #{ns(alert)} {\n @include color.background-image((border plain grey) (border plain grey) (border plain grey) (border plain grey) (flat grey), (legacy:$legacy));\n\n @include before {\n @include color.text(inverted grey, (legacy:$legacy));\n }\n\n &--info {\n @include color.background-image((border plain info) (border plain info) (border plain info) (border plain info) (flat info), (legacy:$legacy));\n }\n\n &--error {\n @include color.background-image((border plain error) (border plain error) (border plain error) (border plain error) (flat error), (legacy:$legacy));\n }\n\n &--success {\n @include color.background-image((border plain success) (border plain success) (border plain success) (border plain success) (flat success), (legacy:$legacy));\n }\n\n &--warning {\n @include color.background-image((border plain warning) (border plain warning) (border plain warning) (border plain warning) (flat warning), (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 == 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","@media print {\n .fr-alert {\n background-image: linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a), linear-gradient(0deg, #3a3a3a, #3a3a3a);\n }\n .fr-alert::before {\n color: #fff;\n }\n .fr-alert--info {\n background-image: linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb), linear-gradient(0deg, #0063cb, #0063cb);\n }\n .fr-alert--error {\n background-image: linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500), linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-alert--success {\n background-image: linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c), linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-alert--warning {\n background-image: linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000), linear-gradient(0deg, #b34000, #b34000);\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/badge/badge.print.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@media print {
.fr-badge {
color: #3a3a3a;
background-color: #eee;
}
.fr-badge--info {
color: #0063cb;
background-color: #e8edff;
}
.fr-badge--error {
color: #ce0500;
background-color: #ffe9e9;
}
.fr-badge--success {
color: #18753c;
background-color: #b8fec9;
}
.fr-badge--warning {
color: #b34000;
background-color: #ffe9e6;
}
.fr-badge--new {
color: #695240;
background-color: #feebd0;
}
.fr-badge--green-tilleul-verveine {
color: #66673d;
background-color: #fceeac;
}
.fr-badge--green-bourgeon {
color: #447049;
background-color: #c9fcac;
}
.fr-badge--green-emeraude {
color: #297254;
background-color: #c3fad5;
}
.fr-badge--green-menthe {
color: #37635f;
background-color: #bafaee;
}
.fr-badge--green-archipel {
color: #006a6f;
background-color: #c7f6fc;
}
.fr-badge--blue-ecume {
color: #2f4077;
background-color: #e9edfe;
}
.fr-badge--blue-cumulus {
color: #3558a2;
background-color: #e6eefe;
}
.fr-badge--purple-glycine {
color: #6e445a;
background-color: #fee7fc;
}
.fr-badge--pink-macaron {
color: #8d533e;
background-color: #fee9e6;
}
.fr-badge--pink-tuile {
color: #a94645;
background-color: #fee9e7;
}
.fr-badge--yellow-tournesol {
color: #716043;
background-color: #feecc2;
}
.fr-badge--yellow-moutarde {
color: #695240;
background-color: #feebd0;
}
.fr-badge--orange-terre-battue {
color: #755348;
background-color: #fee9e5;
}
.fr-badge--brown-cafe-creme {
color: #685c48;
background-color: #f7ecdb;
}
.fr-badge--brown-caramel {
color: #845d48;
background-color: #f7ebe5;
}
.fr-badge--brown-opera {
color: #745b47;
background-color: #f7ece4;
}
.fr-badge--beige-gris-galet {
color: #6a6156;
background-color: #f3ede5;
}
}
design_system_admin/dsfr/component/badge/badge.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/badge/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/badge/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20BiIf6k%3E","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECGE;ICiCE,cAAA;IAAA,sBAAA;ECrCF;;EFQE;IC6BA,cAAA;IAAA,yBAAA;ECjCF;;EFSE;ICwBA,cAAA;IAAA,yBAAA;EC7BF;;EFUE;ICmBA,cAAA;IAAA,yBAAA;ECzBF;;EFWE;ICcA,cAAA;IAAA,yBAAA;ECrBF;;EFYE;ICSA,cAAA;IAAA,yBAAA;ECjBF;;ECdI;IF+BF,cAAA;IAAA,yBAAA;ECbF;;EClBI;IF+BF,cAAA;IAAA,yBAAA;ECTF;;ECtBI;IF+BF,cAAA;IAAA,yBAAA;ECLF;;EC1BI;IF+BF,cAAA;IAAA,yBAAA;ECDF;;EC9BI;IF+BF,cAAA;IAAA,yBAAA;ECGF;;EClCI;IF+BF,cAAA;IAAA,yBAAA;ECOF;;ECtCI;IF+BF,cAAA;IAAA,yBAAA;ECWF;;EC1CI;IF+BF,cAAA;IAAA,yBAAA;ECeF;;EC9CI;IF+BF,cAAA;IAAA,yBAAA;ECmBF;;EClDI;IF+BF,cAAA;IAAA,yBAAA;ECuBF;;ECtDI;IF+BF,cAAA;IAAA,yBAAA;EC2BF;;EC1DI;IF+BF,cAAA;IAAA,yBAAA;EC+BF;;EC9DI;IF+BF,cAAA;IAAA,yBAAA;ECmCF;;EClEI;IF+BF,cAAA;IAAA,yBAAA;ECuCF;;ECtEI;IF+BF,cAAA;IAAA,yBAAA;EC2CF;;EC1EI;IF+BF,cAAA;IAAA,yBAAA;EC+CF;;EC9EI;IF+BF,cAAA;IAAA,yBAAA;ECmDF;AACF","file":"badge.print.css","sourcesContent":[null,"////\n/// Badge Print\n/// @group badge\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _badge-scheme('print');\n}\n","////\n/// Badge Module\n/// @group badge\n////\n\n@use 'module/color';\n\n@mixin _badge-scheme($legacy: false) {\n #{ns(badge)} {\n @include color.text(default grey, (legacy: $legacy));\n @include color.background(contrast grey, (legacy: $legacy));\n\n &--info {\n @include color.text(default info, (legacy: $legacy));\n @include color.background(contrast info, (legacy: $legacy));\n }\n\n &--error {\n @include color.text(default error, (legacy: $legacy));\n @include color.background(contrast error, (legacy: $legacy));\n }\n\n &--success {\n @include color.text(default success, (legacy: $legacy));\n @include color.background(contrast success, (legacy: $legacy));\n }\n\n &--warning {\n @include color.text(default warning, (legacy: $legacy));\n @include color.background(contrast warning, (legacy: $legacy));\n }\n\n &--new {\n @include color.text(action-high yellow-moutarde, (legacy: $legacy));\n @include color.background(contrast yellow-moutarde, (legacy: $legacy));\n }\n\n @include color.accentuate {\n @include color.text(label accent, (legacy: $legacy));\n @include color.background(contrast accent, (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 == 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","@media print {\n .fr-badge {\n color: #3a3a3a;\n background-color: #eee;\n }\n .fr-badge--info {\n color: #0063cb;\n background-color: #e8edff;\n }\n .fr-badge--error {\n color: #ce0500;\n background-color: #ffe9e9;\n }\n .fr-badge--success {\n color: #18753c;\n background-color: #b8fec9;\n }\n .fr-badge--warning {\n color: #b34000;\n background-color: #ffe9e6;\n }\n .fr-badge--new {\n color: #695240;\n background-color: #feebd0;\n }\n .fr-badge--green-tilleul-verveine {\n color: #66673d;\n background-color: #fceeac;\n }\n .fr-badge--green-bourgeon {\n color: #447049;\n background-color: #c9fcac;\n }\n .fr-badge--green-emeraude {\n color: #297254;\n background-color: #c3fad5;\n }\n .fr-badge--green-menthe {\n color: #37635f;\n background-color: #bafaee;\n }\n .fr-badge--green-archipel {\n color: #006a6f;\n background-color: #c7f6fc;\n }\n .fr-badge--blue-ecume {\n color: #2f4077;\n background-color: #e9edfe;\n }\n .fr-badge--blue-cumulus {\n color: #3558a2;\n background-color: #e6eefe;\n }\n .fr-badge--purple-glycine {\n color: #6e445a;\n background-color: #fee7fc;\n }\n .fr-badge--pink-macaron {\n color: #8d533e;\n background-color: #fee9e6;\n }\n .fr-badge--pink-tuile {\n color: #a94645;\n background-color: #fee9e7;\n }\n .fr-badge--yellow-tournesol {\n color: #716043;\n background-color: #feecc2;\n }\n .fr-badge--yellow-moutarde {\n color: #695240;\n background-color: #feebd0;\n }\n .fr-badge--orange-terre-battue {\n color: #755348;\n background-color: #fee9e5;\n }\n .fr-badge--brown-cafe-creme {\n color: #685c48;\n background-color: #f7ecdb;\n }\n .fr-badge--brown-caramel {\n color: #845d48;\n background-color: #f7ebe5;\n }\n .fr-badge--brown-opera {\n color: #745b47;\n background-color: #f7ece4;\n }\n .fr-badge--beige-gris-galet {\n color: #6a6156;\n background-color: #f3ede5;\n }\n}","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/badge/badge.print.min.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@media print{.fr-badge{background-color:#eee;color:#3a3a3a}.fr-badge--info{background-color:#e8edff;color:#0063cb}.fr-badge--error{background-color:#ffe9e9;color:#ce0500}.fr-badge--success{background-color:#b8fec9;color:#18753c}.fr-badge--warning{background-color:#ffe9e6;color:#b34000}.fr-badge--new{background-color:#feebd0;color:#695240}.fr-badge--green-tilleul-verveine{background-color:#fceeac;color:#66673d}.fr-badge--green-bourgeon{background-color:#c9fcac;color:#447049}.fr-badge--green-emeraude{background-color:#c3fad5;color:#297254}.fr-badge--green-menthe{background-color:#bafaee;color:#37635f}.fr-badge--green-archipel{background-color:#c7f6fc;color:#006a6f}.fr-badge--blue-ecume{background-color:#e9edfe;color:#2f4077}.fr-badge--blue-cumulus{background-color:#e6eefe;color:#3558a2}.fr-badge--purple-glycine{background-color:#fee7fc;color:#6e445a}.fr-badge--pink-macaron{background-color:#fee9e6;color:#8d533e}.fr-badge--pink-tuile{background-color:#fee9e7;color:#a94645}.fr-badge--yellow-tournesol{background-color:#feecc2;color:#716043}.fr-badge--yellow-moutarde{background-color:#feebd0;color:#695240}.fr-badge--orange-terre-battue{background-color:#fee9e5;color:#755348}.fr-badge--brown-cafe-creme{background-color:#f7ecdb;color:#685c48}.fr-badge--brown-caramel{background-color:#f7ebe5;color:#845d48}.fr-badge--brown-opera{background-color:#f7ece4;color:#745b47}.fr-badge--beige-gris-galet{background-color:#f3ede5;color:#6a6156}}
\ No newline at end of file
design_system_admin/dsfr/component/badge/badge.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/badge/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/badge/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%202srfJa%3E","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCGE,UCiCE,qBAAA,CAAA,aCrCF,CFQE,gBC6BA,wBAAA,CAAA,aCjCF,CFSE,iBCwBA,wBAAA,CAAA,aC7BF,CFUE,mBCmBA,wBAAA,CAAA,aCzBF,CFWE,mBCcA,wBAAA,CAAA,aCrBF,CFYE,eCSA,wBAAA,CAAA,aCjBF,CCdI,kCF+BF,wBAAA,CAAA,aCbF,CClBI,0BF+BF,wBAAA,CAAA,aCTF,CCtBI,0BF+BF,wBAAA,CAAA,aCLF,CC1BI,wBF+BF,wBAAA,CAAA,aCDF,CC9BI,0BF+BF,wBAAA,CAAA,aCGF,CClCI,sBF+BF,wBAAA,CAAA,aCOF,CCtCI,wBF+BF,wBAAA,CAAA,aCWF,CC1CI,0BF+BF,wBAAA,CAAA,aCeF,CC9CI,wBF+BF,wBAAA,CAAA,aCmBF,CClDI,sBF+BF,wBAAA,CAAA,aCuBF,CCtDI,4BF+BF,wBAAA,CAAA,aC2BF,CC1DI,2BF+BF,wBAAA,CAAA,aC+BF,CC9DI,+BF+BF,wBAAA,CAAA,aCmCF,CClEI,4BF+BF,wBAAA,CAAA,aCuCF,CCtEI,yBF+BF,wBAAA,CAAA,aC2CF,CC1EI,uBF+BF,wBAAA,CAAA,aC+CF,CC9EI,4BF+BF,wBAAA,CAAA,aCmDF,CACF","file":"badge.print.min.css","sourcesContent":[null,"////\n/// Badge Print\n/// @group badge\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _badge-scheme('print');\n}\n","////\n/// Badge Module\n/// @group badge\n////\n\n@use 'module/color';\n\n@mixin _badge-scheme($legacy: false) {\n #{ns(badge)} {\n @include color.text(default grey, (legacy: $legacy));\n @include color.background(contrast grey, (legacy: $legacy));\n\n &--info {\n @include color.text(default info, (legacy: $legacy));\n @include color.background(contrast info, (legacy: $legacy));\n }\n\n &--error {\n @include color.text(default error, (legacy: $legacy));\n @include color.background(contrast error, (legacy: $legacy));\n }\n\n &--success {\n @include color.text(default success, (legacy: $legacy));\n @include color.background(contrast success, (legacy: $legacy));\n }\n\n &--warning {\n @include color.text(default warning, (legacy: $legacy));\n @include color.background(contrast warning, (legacy: $legacy));\n }\n\n &--new {\n @include color.text(action-high yellow-moutarde, (legacy: $legacy));\n @include color.background(contrast yellow-moutarde, (legacy: $legacy));\n }\n\n @include color.accentuate {\n @include color.text(label accent, (legacy: $legacy));\n @include color.background(contrast accent, (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 == 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","@media print {\n .fr-badge {\n color: #3a3a3a;\n background-color: #eee;\n }\n .fr-badge--info {\n color: #0063cb;\n background-color: #e8edff;\n }\n .fr-badge--error {\n color: #ce0500;\n background-color: #ffe9e9;\n }\n .fr-badge--success {\n color: #18753c;\n background-color: #b8fec9;\n }\n .fr-badge--warning {\n color: #b34000;\n background-color: #ffe9e6;\n }\n .fr-badge--new {\n color: #695240;\n background-color: #feebd0;\n }\n .fr-badge--green-tilleul-verveine {\n color: #66673d;\n background-color: #fceeac;\n }\n .fr-badge--green-bourgeon {\n color: #447049;\n background-color: #c9fcac;\n }\n .fr-badge--green-emeraude {\n color: #297254;\n background-color: #c3fad5;\n }\n .fr-badge--green-menthe {\n color: #37635f;\n background-color: #bafaee;\n }\n .fr-badge--green-archipel {\n color: #006a6f;\n background-color: #c7f6fc;\n }\n .fr-badge--blue-ecume {\n color: #2f4077;\n background-color: #e9edfe;\n }\n .fr-badge--blue-cumulus {\n color: #3558a2;\n background-color: #e6eefe;\n }\n .fr-badge--purple-glycine {\n color: #6e445a;\n background-color: #fee7fc;\n }\n .fr-badge--pink-macaron {\n color: #8d533e;\n background-color: #fee9e6;\n }\n .fr-badge--pink-tuile {\n color: #a94645;\n background-color: #fee9e7;\n }\n .fr-badge--yellow-tournesol {\n color: #716043;\n background-color: #feecc2;\n }\n .fr-badge--yellow-moutarde {\n color: #695240;\n background-color: #feebd0;\n }\n .fr-badge--orange-terre-battue {\n color: #755348;\n background-color: #fee9e5;\n }\n .fr-badge--brown-cafe-creme {\n color: #685c48;\n background-color: #f7ecdb;\n }\n .fr-badge--brown-caramel {\n color: #845d48;\n background-color: #f7ebe5;\n }\n .fr-badge--brown-opera {\n color: #745b47;\n background-color: #f7ece4;\n }\n .fr-badge--beige-gris-galet {\n color: #6a6156;\n background-color: #f3ede5;\n }\n}","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/breadcrumb/breadcrumb.print.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@media print {
.fr-breadcrumb {
color: #666;
display: none;
}
.fr-breadcrumb__link[aria-current]:not([aria-current=false]) {
color: #3a3a3a;
}
}
design_system_admin/dsfr/component/breadcrumb/breadcrumb.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/print.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/src/component/breadcrumb/style/_print.scss","%3Cinput%20css%20JqIhJZ%3E","file:///Users/ket/Documents/work/dsfr/module/selector/mixin/_current.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECIE;ICgCE,WAAA;ICxCF,aAAA;ECEA;;ECCA;IHqCE,cAAA;EEnCF;AAIF","file":"breadcrumb.print.css","sourcesContent":[null,"////\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","////\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","#{ns(breadcrumb)} {\n display: none;\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}","/// 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.print.min.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@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.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/breadcrumb/print.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/src/component/breadcrumb/style/_print.scss","%3Cinput%20css%20IUXJ9J%3E","file:///Users/ket/Documents/work/dsfr/module/selector/mixin/_current.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCIE,eCgCE,UAAA,CCxCF,YCEA,CCCA,6DHqCE,aEnCF,CAIF","file":"breadcrumb.print.min.css","sourcesContent":[null,"////\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","////\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","#{ns(breadcrumb)} {\n display: none;\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}","/// 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/button/button.print.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@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]),
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;
}
.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;
}
.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);
}
}
design_system_admin/dsfr/component/button/button.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/button/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20ojdW3Z%3E","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_print.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECIE;ICgCE,yBAAA;IAAA,cAAA;ECrCF;;ECFE;IFuFA,yBAAA;EClFF;;ECLE;IFuFA,yBAAA;EC/EF;;EESS;;IHsBP,cAAA;IAAA,yBAAA;EC3BF;;EFEE;ICyBA,cAAA;IAAA,mCAAA;ECvBF;;EECS;;IHsBP,cAAA;IAAA,mCAAA;ECNF;;EFdE;;ICoBA,cAAA;IAAA,gCAAA;ECWF;;EEjCS;;;;IHsBP,cAAA;IAAA,mCAAA;EC4BF;;EF1CE;;;;;;;ICcA,cAAA;EC4CF;;EElES;;;;;;;;;;;;;;IHsBP,cAAA;EC4DF;;EGpGA;;;;;;;IAOE,6BAAA;EH6GF;AAlGF;AIVI;ENOA;ICwGE,6BAAA;ECjGJ;;EDoGM;IACE,qCAAA;EClGR;;EDqGM;IACE,oCAAA;ECnGR;;EEVS;;IHqGL,6BAAA;EChFJ;;EDmFM;;IACE,qCAAA;ECjFR;;EDoFM;;IACE,oCAAA;EClFR;;EFzBE;;ICmGE,6BAAA;EC/DJ;;EDkEM;;IACE,qCAAA;EChER;;EDmEM;;IACE,oCAAA;ECjER;;EE5CS;;;;IHqGL,6BAAA;EC9CJ;;EDiDM;;;;IACE,qCAAA;EC/CR;;EDkDM;;;;IACE,oCAAA;EChDR;;EFrDE;;;;;;;IC6FE,6BAAA;EC9BJ;;EDiCM;;;;;;;IACE,qCAAA;EC/BR;;EDkCM;;;;;;;IACE,oCAAA;EChCR;;EE7ES;;;;;;;;;;;;;;IHqGL,6BAAA;ECdJ;;EDiBM;;;;;;;;;;;;;;IACE,qCAAA;ECfR;;EDkBM;;;;;;;;;;;;;;IACE,oCAAA;EChBR;AAlFF","file":"button.print.css","sourcesContent":[null,"////\n/// Button Print\n/// @group button\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _button-scheme('print');\n\n @import 'style/print';\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","@media print {\n .fr-btn {\n background-color: #000091;\n color: #f5f5fe;\n }\n .fr-btn:hover {\n background-color: #1212ff;\n }\n .fr-btn:active {\n background-color: #2323ff;\n }\n .fr-btn:disabled, a.fr-btn:not([href]) {\n color: #929292;\n background-color: #e5e5e5;\n }\n .fr-btn--secondary {\n color: #000091;\n box-shadow: inset 0 0 0 1px #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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 print {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n color: #929292;\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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@media print {\n .fr-btn--tertiary, .fr-btn--account {\n color: #000091;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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 print {\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 box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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@media print {\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 print and (-ms-high-contrast: none), print and (-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 print {\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 print and (-ms-high-contrast: none), print and (-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}\n@media print {\n .fr-btn--secondary, .fr-btn--tertiary, .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip {\n background-color: transparent;\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","#{ns(btn)} {\n &--secondary,\n &--tertiary,\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip {\n background-color: transparent;\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.print.min.css 0 → 100644
View file @ 4de2967c
/*!
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@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]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--account,.fr-btn--tertiary{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{color:#000091}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){color:#929292}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--secondary,.fr-btn--tertiary,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-btn--secondary{background-color:transparent}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(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,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--account,.fr-btn--tertiary{background-color:transparent}.fr-btn--account:hover,.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:active,.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){background-color:transparent}.fr-btn--account:disabled:hover,.fr-btn--tertiary:disabled:hover,a.fr-btn--account:not([href]):hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:disabled:active,.fr-btn--tertiary:disabled:active,a.fr-btn--account:not([href]):active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent}.fr-btn--briefcase:hover,.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--team:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:active,.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--team:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent}.fr-btn--briefcase:disabled:hover,.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--team:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--briefcase: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--team:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:disabled:active,.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--team:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--briefcase: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--team:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/button/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20-Bmd8E%3E","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_print.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCIE,QCgCE,wBAAA,CAAA,aCrCF,CCFE,cFuFA,wBClFF,CCLE,eFuFA,wBC/EF,CESS,sCHsBP,wBAAA,CAAA,aC3BF,CFEE,mBCyBA,kCAAA,CAAA,aCvBF,CECS,4DHsBP,kCAAA,CAAA,aCNF,CFdE,mCCoBA,+BAAA,CAAA,aCWF,CEjCS,kHHsBP,kCAAA,CAAA,aC4BF,CF1CE,mICcA,aC4CF,CElES,gaHsBP,aC4DF,CGpGA,uIAOE,4BH6GF,CAlGF,CIVI,+ENOA,mBCwGE,4BCjGJ,CDoGM,yBACE,gCClGR,CDqGM,0BACE,+BCnGR,CEVS,4DHqGL,4BChFJ,CDmFM,wEACE,gCCjFR,CDoFM,0EACE,+BClFR,CFzBE,mCCmGE,4BC/DJ,CDkEM,+CACE,gCChER,CDmEM,iDACE,+BCjER,CE5CS,kHHqGL,4BC9CJ,CDiDM,0IACE,gCC/CR,CDkDM,8IACE,+BChDR,CFrDE,mIC6FE,4BC9BJ,CDiCM,6KACE,gCC/BR,CDkCM,oLACE,+BChCR,CE7ES,gaHqGL,4BCdJ,CDiBM,ofACE,gCCfR,CDkBM,kgBACE,+BChBR,CAlFF","file":"button.print.min.css","sourcesContent":[null,"////\n/// Button Print\n/// @group button\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _button-scheme('print');\n\n @import 'style/print';\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","@media print {\n .fr-btn {\n background-color: #000091;\n color: #f5f5fe;\n }\n .fr-btn:hover {\n background-color: #1212ff;\n }\n .fr-btn:active {\n background-color: #2323ff;\n }\n .fr-btn:disabled, a.fr-btn:not([href]) {\n color: #929292;\n background-color: #e5e5e5;\n }\n .fr-btn--secondary {\n color: #000091;\n box-shadow: inset 0 0 0 1px #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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 print {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n color: #929292;\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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@media print {\n .fr-btn--tertiary, .fr-btn--account {\n color: #000091;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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 print {\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 box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-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@media print {\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 print and (-ms-high-contrast: none), print and (-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 print {\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 print and (-ms-high-contrast: none), print and (-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}\n@media print {\n .fr-btn--secondary, .fr-btn--tertiary, .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip {\n background-color: transparent;\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","#{ns(btn)} {\n &--secondary,\n &--tertiary,\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip {\n background-color: transparent;\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"]}
\ No newline at end of file