Skip to content
Snippets Groups Projects

Compare revisions

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

Source

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

Target

Select target project
  • pub/cgdd-public/bun-poleweb/systeme-de-design-de-l-etat/cms-spip/z-dsfr
1 result
Select Git revision
  • developpements
  • images
  • main
3 results
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 343 additions and 0 deletions
design_system_admin/dsfr/component/consent/consent.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-consent-placeholder {
background-color: #eee;
}
.fr-consent-banner {
background-color: #f6f6f6;
box-shadow: inset 0 0 0 1px #ddd;
display: none;
}
.fr-consent-manager__header,
.fr-consent-service {
box-shadow: inset 0 -1px 0 0 #ddd;
color: #3a3a3a;
}
.fr-consent-manager__header .fr-radio-group + .fr-radio-group::before,
.fr-consent-service .fr-radio-group + .fr-radio-group::before {
box-shadow: inset 0 0 0 1px #ddd;
}
.fr-consent-service__title {
color: #161616;
}
.fr-consent-service .fr-consent-service__collapse-btn {
color: #000091;
}
}
@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
.fr-consent-banner {
z-index: 1500;
}
.fr-consent-service:last-of-type,
.fr-consent-service .fr-consent-service {
box-shadow: none;
}
}
design_system_admin/dsfr/component/consent/consent.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/consent/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/consent/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20rBIQzm%3E","file:///Users/ket/Documents/work/dsfr/src/component/consent/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_z-index.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECIE;ICgCE,sBAAA;ECtCF;;EFUA;IC4BE,yBAAA;IAAA,gCAAA;IEvCA,aAAA;EDKF;;EFYA;;ICsBE,iCAAA;IAAA,cAAA;ECtBF;;EEHA;;IHyBE,gCAAA;EClBF;;EFWE;ICOA,cAAA;ECbF;;EFeE;ICFA,cAAA;ECFF;AA/BF;AGCI;ELIF;IMJM,aAAA;EJGN;;EF0BE;;ICyOI,gBAAA;EC7ON;AArBF","file":"consent.print.css","sourcesContent":[null,"////\n/// Consent Print\n/// @group consent\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _consent-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// Consent Scheme\n/// @group consent\n////\n\n@use 'module/color';\n@use 'module/elevation';\n\n@mixin _consent-scheme($legacy: false) {\n #{ns(consent-placeholder)} {\n @include color.background(contrast grey, (legacy:$legacy));\n }\n\n #{ns(consent-banner)} {\n // @include color.background(contrast grey, (legacy:$legacy));\n @include elevation.elevate(overlap-above, (legacy:$legacy, usage: alt));\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n\n #{ns(consent-manager__header)},\n #{ns(consent-service)} {\n @include color.box-shadow(default grey, (legacy:$legacy), bottom-1-in);\n @include color.text(default grey, (legacy:$legacy));\n\n #{ns-group(radio)} {\n + #{ns-group(radio)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n }\n }\n }\n\n #{ns(consent-service)} {\n &__title {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n &:last-of-type,\n #{ns(consent-service)} {\n @include color.no-box-shadow((legacy: $legacy));\n }\n\n #{ns(consent-service__collapse-btn)} {\n @include color.text(action-high blue-france, (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-consent-placeholder {\n background-color: #eee;\n }\n .fr-consent-banner {\n background-color: #f6f6f6;\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-consent-banner {\n z-index: 1500;\n }\n}\n@media print {\n .fr-consent-manager__header,\n .fr-consent-service {\n box-shadow: inset 0 -1px 0 0 #ddd;\n color: #3a3a3a;\n }\n .fr-consent-manager__header .fr-radio-group + .fr-radio-group::before,\n .fr-consent-service .fr-radio-group + .fr-radio-group::before {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print {\n .fr-consent-service__title {\n color: #161616;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-consent-service:last-of-type,\n .fr-consent-service .fr-consent-service {\n box-shadow: none;\n }\n}\n@media print {\n .fr-consent-service .fr-consent-service__collapse-btn {\n color: #000091;\n }\n}\n@media print {\n .fr-consent-banner {\n display: none;\n }\n}","#{ns(consent)} {\n &-banner {\n display: none;\n }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","/// 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","@use 'sass:map';\n@use 'module/elevation/variable/z-indexes';\n@use 'module/legacy';\n\n@mixin z-index($level, $legacy: false) {\n @if map.has-key(z-indexes.$values, $level) {\n $z-index: map.get(z-indexes.$values, $level);\n @if $legacy {\n @include legacy.is(ie11) {\n z-index: #{$z-index};\n }\n }\n @else {\n z-index: calc(var(--ground) + #{$z-index});\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/consent/consent.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-consent-placeholder{background-color:#eee}.fr-consent-banner{background-color:#f6f6f6;box-shadow:inset 0 0 0 1px #ddd;display:none}.fr-consent-manager__header,.fr-consent-service{box-shadow:inset 0 -1px 0 0 #ddd;color:#3a3a3a}.fr-consent-manager__header .fr-radio-group+.fr-radio-group:before,.fr-consent-service .fr-radio-group+.fr-radio-group:before{box-shadow:inset 0 0 0 1px #ddd}.fr-consent-service__title{color:#161616}.fr-consent-service .fr-consent-service__collapse-btn{color:#000091}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-consent-banner{z-index:1500}.fr-consent-service .fr-consent-service,.fr-consent-service:last-of-type{box-shadow:none}}
\ No newline at end of file
design_system_admin/dsfr/component/consent/consent.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/consent/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/consent/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20MfO7lA%3E","file:///Users/ket/Documents/work/dsfr/src/component/consent/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_z-index.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCIE,wBCgCE,qBCtCF,CFUA,mBC4BE,wBAAA,CAAA,+BAAA,CEvCA,YDKF,CFYA,gDCsBE,gCAAA,CAAA,aCtBF,CEHA,8HHyBE,+BClBF,CFWE,2BCOA,aCbF,CFeE,sDCFA,aCFF,CA/BF,CGCI,+ELIF,mBMJM,YJGN,CF0BE,yECyOI,eC7ON,CArBF","file":"consent.print.min.css","sourcesContent":[null,"////\n/// Consent Print\n/// @group consent\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _consent-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// Consent Scheme\n/// @group consent\n////\n\n@use 'module/color';\n@use 'module/elevation';\n\n@mixin _consent-scheme($legacy: false) {\n #{ns(consent-placeholder)} {\n @include color.background(contrast grey, (legacy:$legacy));\n }\n\n #{ns(consent-banner)} {\n // @include color.background(contrast grey, (legacy:$legacy));\n @include elevation.elevate(overlap-above, (legacy:$legacy, usage: alt));\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n\n #{ns(consent-manager__header)},\n #{ns(consent-service)} {\n @include color.box-shadow(default grey, (legacy:$legacy), bottom-1-in);\n @include color.text(default grey, (legacy:$legacy));\n\n #{ns-group(radio)} {\n + #{ns-group(radio)} {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n }\n }\n }\n\n #{ns(consent-service)} {\n &__title {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n &:last-of-type,\n #{ns(consent-service)} {\n @include color.no-box-shadow((legacy: $legacy));\n }\n\n #{ns(consent-service__collapse-btn)} {\n @include color.text(action-high blue-france, (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-consent-placeholder {\n background-color: #eee;\n }\n .fr-consent-banner {\n background-color: #f6f6f6;\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-consent-banner {\n z-index: 1500;\n }\n}\n@media print {\n .fr-consent-manager__header,\n .fr-consent-service {\n box-shadow: inset 0 -1px 0 0 #ddd;\n color: #3a3a3a;\n }\n .fr-consent-manager__header .fr-radio-group + .fr-radio-group::before,\n .fr-consent-service .fr-radio-group + .fr-radio-group::before {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print {\n .fr-consent-service__title {\n color: #161616;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-consent-service:last-of-type,\n .fr-consent-service .fr-consent-service {\n box-shadow: none;\n }\n}\n@media print {\n .fr-consent-service .fr-consent-service__collapse-btn {\n color: #000091;\n }\n}\n@media print {\n .fr-consent-banner {\n display: none;\n }\n}","#{ns(consent)} {\n &-banner {\n display: none;\n }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","/// 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","@use 'sass:map';\n@use 'module/elevation/variable/z-indexes';\n@use 'module/legacy';\n\n@mixin z-index($level, $legacy: false) {\n @if map.has-key(z-indexes.$values, $level) {\n $z-index: map.get(z-indexes.$values, $level);\n @if $legacy {\n @include legacy.is(ie11) {\n z-index: #{$z-index};\n }\n }\n @else {\n z-index: calc(var(--ground) + #{$z-index});\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/content/content.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-content-media__caption,
.fr-content-media .fr-link {
color: #666;
}
.fr-content-media__caption {
font-size: 1rem;
line-height: 1.5rem;
}
.fr-content-media__caption .fr-link {
font-size: 1rem;
line-height: 1.5rem;
padding: 0 0;
}
.fr-content-media__caption .fr-link::before,
.fr-content-media__caption .fr-link::after {
--icon-size: 1rem;
}
}
design_system_admin/dsfr/component/content/content.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/content/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/content/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20O6fuqL%3E","file:///Users/ket/Documents/work/dsfr/src/component/content/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_nest.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECII;;ICgCA,WAAA;ECrCF;;ECHA;ICyBA,eAAA;IAGE,mBAAA;EFrBF;;EGDE;ICKF,eAAA;IACA,mBAFc;IAsBd,YAAA;EJpBA;;EKGA;;IC0BE,iBAAA;EN1BF;AACF","file":"content.print.css","sourcesContent":[null,"////\n/// Content Print\n/// @group content\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _content-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// Content Scheme\n/// @group content\n////\n\n@use 'module/color';\n\n@mixin _content-scheme($legacy: false) {\n #{ns(content-media)} {\n &__caption,\n #{ns(link)} {\n @include color.text(mention grey, (legacy:$legacy));\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == 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-content-media__caption,\n .fr-content-media .fr-link {\n color: #666;\n }\n .fr-content-media__caption {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-content-media__caption .fr-link {\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0 0;\n }\n .fr-content-media__caption .fr-link::before, .fr-content-media__caption .fr-link::after {\n --icon-size: 1rem;\n }\n}","#{ns(content-media)} {\n &__caption {\n @include text-style(md);\n @include nest-link(md, null);\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Selector nest\n/// @group core\n////\n\n@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/content/content.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-content-media .fr-link,.fr-content-media__caption{color:#666}.fr-content-media__caption{font-size:1rem;line-height:1.5rem}.fr-content-media__caption .fr-link{font-size:1rem;line-height:1.5rem;padding:0}.fr-content-media__caption .fr-link:after,.fr-content-media__caption .fr-link:before{--icon-size:1rem}}
\ No newline at end of file
design_system_admin/dsfr/component/content/content.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/content/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/content/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20xlMpfC%3E","file:///Users/ket/Documents/work/dsfr/src/component/content/style/_print.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_nest.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCII,sDCgCA,UCrCF,CCHA,2BCyBA,cAAA,CAGE,kBFrBF,CGDE,oCCKF,cAAA,CACA,kBAFc,CAsBd,SJpBA,CKGA,qFC0BE,gBN1BF,CACF","file":"content.print.min.css","sourcesContent":[null,"////\n/// Content Print\n/// @group content\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _content-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// Content Scheme\n/// @group content\n////\n\n@use 'module/color';\n\n@mixin _content-scheme($legacy: false) {\n #{ns(content-media)} {\n &__caption,\n #{ns(link)} {\n @include color.text(mention grey, (legacy:$legacy));\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == 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-content-media__caption,\n .fr-content-media .fr-link {\n color: #666;\n }\n .fr-content-media__caption {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n .fr-content-media__caption .fr-link {\n font-size: 1rem;\n line-height: 1.5rem;\n padding: 0 0;\n }\n .fr-content-media__caption .fr-link::before, .fr-content-media__caption .fr-link::after {\n --icon-size: 1rem;\n }\n}","#{ns(content-media)} {\n &__caption {\n @include text-style(md);\n @include nest-link(md, null);\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Selector nest\n/// @group core\n////\n\n@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/follow/follow.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)
*/
@charset "UTF-8";
@media print {
/**
* Mixin d'ajout des icones des réseaux sociaux
**/
/**
* Mixin d'ajout des icones des réseaux sociaux
**/
.fr-follow {
background-color: #f5f5fe;
}
.fr-follow .fr-input {
background-color: #fff;
}
.fr-follow__title {
color: #161616;
}
.fr-follow__newsletter-legal {
color: #666;
}
.fr-follow__social .fr-btn {
color: #000091;
}
.fr-follow__social .fr-btn:disabled,
.fr-follow__social a.fr-btn:not([href]) {
color: #929292;
}
.fr-follow .fr-grid-row > *:not(:first-child) {
box-shadow: 0 -1px 0 0 #6a6af4;
}
}
@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
.fr-follow__social .fr-btn {
background-color: transparent;
}
.fr-follow__social .fr-btn:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-follow__social .fr-btn:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-follow__social .fr-btn:disabled,
.fr-follow__social a.fr-btn:not([href]) {
background-color: transparent;
}
.fr-follow__social .fr-btn:disabled:hover,
.fr-follow__social a.fr-btn:not([href]):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-follow__social .fr-btn:disabled:active,
.fr-follow__social a.fr-btn:not([href]):active {
background-color: rgba(0, 0, 0, 0.1);
}
}
@media print and (min-width: 48em) {
.fr-follow .fr-grid-row > *:not(:first-child) {
box-shadow: -1px 0 0 0 #6a6af4;
}
}
design_system_admin/dsfr/component/follow/follow.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","%3Cinput%20css%20KvvYtS%3E","file:///Users/ket/Documents/work/dsfr/src/component/follow/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/follow/style/_tool.scss","file:///Users/ket/Documents/work/dsfr/src/component/follow/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_breakpoint.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;ACKhB;ECAA;;IAAA;;EAWA;;IAAA;ECRE;ICiCE,yBAAA;EJ/BF;;EGCE;IC8BA,sBAAA;EJ5BF;;EGEE;IC0BA,cAAA;EJzBF;;EGII;ICqBF,WAAA;EJtBF;;EGOI;ICeF,cAAA;EJnBF;;EKHS;;IDsBP,cAAA;EJHF;;EGPE;ICUA,8BAAA;EJaF;AA/BF;AMdI;EHiBE;IC8FA,6BAAA;EJ7FJ;;EIgGM;IACE,qCAAA;EJ9FR;;EIiGM;IACE,oCAAA;EJ/FR;;EKdS;;IDqGL,6BAAA;EJ7EJ;;EIgFM;;IACE,qCAAA;EJ9ER;;EIiFM;;IACE,oCAAA;EJ/ER;AAfF;AOhBI;EJaA;ICUA,8BAAA;EJkBF;AACF","file":"follow.print.css","sourcesContent":[null,"@charset \"UTF-8\";\n@media print {\n /**\n * Mixin d'ajout des icones des réseaux sociaux\n **/\n /**\n * Mixin d'ajout des icones des réseaux sociaux\n **/\n .fr-follow {\n background-color: #f5f5fe;\n }\n .fr-follow .fr-input {\n background-color: #fff;\n }\n .fr-follow__title {\n color: #161616;\n }\n .fr-follow__newsletter-legal {\n color: #666;\n }\n .fr-follow__social .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-follow__social .fr-btn {\n background-color: transparent;\n }\n .fr-follow__social .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-follow__social .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-follow__social .fr-btn:disabled, .fr-follow__social a.fr-btn:not([href]) {\n color: #929292;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-follow__social .fr-btn:disabled, .fr-follow__social a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-follow__social .fr-btn:disabled:hover, .fr-follow__social a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-follow__social .fr-btn:disabled:active, .fr-follow__social a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-follow .fr-grid-row > *:not(:first-child) {\n box-shadow: 0 -1px 0 0 #6a6af4;\n }\n}\n@media print and (min-width: 48em) {\n .fr-follow .fr-grid-row > *:not(:first-child) {\n box-shadow: -1px 0 0 0 #6a6af4;\n }\n}","////\n/// Follow Print\n/// @group follow\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _follow-scheme('print');\n}\n","////\n/// Follow Tool\n/// @group follow\n////\n\n/**\n* Mixin d'ajout des icones des réseaux sociaux\n**/\n@mixin build-follow-social-icons() {\n @each $name, $icon in $follow-icons {\n #{ns('btn--' + $name)} {\n @include icon-image($icon, before);\n }\n }\n}\n\n/**\n* Mixin d'ajout des icones des réseaux sociaux\n**/\n@mixin build-follow-social-icons-legacy() {\n @each $name, $icon in $follow-icons {\n #{ns('btn--' + $name)} {\n @include icon-image-legacy($icon, before);\n }\n }\n}\n","////\n/// Follow Scheme\n/// @group follow\n////\n\n@use 'module/color';\n\n@mixin _follow-scheme($legacy: false) {\n #{ns(follow)} {\n @include color.background(alt blue-france, (legacy: $legacy));\n\n #{ns(input)} {\n @include color.background(default grey, (legacy: $legacy));\n }\n\n &__title {\n @include color.text(title grey, (legacy: $legacy));\n }\n\n &__newsletter {\n &-legal {\n @include color.text(mention grey, (legacy: $legacy));\n }\n }\n\n &__social {\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n\n #{ns(grid-row)} > *:not(:first-child) {\n // Séparateur en box-shadow\n @include color.box-shadow(default blue-france, (legacy: $legacy), top-1-out);\n @include respond-from(md) {\n @include color.box-shadow(default blue-france, (legacy: $legacy), left-1-out);\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","@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","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Selector Breakpoint\n/// @group core\n////\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get($breakpoints, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-to(md) {\n/// }\n/// }\n@mixin respond-to($media) {\n\n @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';\n\n $limits: map_get($breakpoints, $media);\n\n @if $limits != null and length($limits) == 2 {\n @media (max-width: nth($limits, 2)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/follow/follow.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-follow{background-color:#f5f5fe}.fr-follow .fr-input{background-color:#fff}.fr-follow__title{color:#161616}.fr-follow__newsletter-legal{color:#666}.fr-follow__social .fr-btn{color:#000091}.fr-follow__social .fr-btn:disabled,.fr-follow__social a.fr-btn:not([href]){color:#929292}.fr-follow .fr-grid-row>:not(:first-child){box-shadow:0 -1px 0 0 #6a6af4}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-follow__social .fr-btn{background-color:transparent}.fr-follow__social .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-follow__social .fr-btn:disabled,.fr-follow__social a.fr-btn:not([href]){background-color:transparent}.fr-follow__social .fr-btn:disabled:hover,.fr-follow__social a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-follow__social .fr-btn:disabled:active,.fr-follow__social a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}}@media print and (min-width:48em){.fr-follow .fr-grid-row>:not(:first-child){box-shadow:-1px 0 0 0 #6a6af4}}
\ No newline at end of file
design_system_admin/dsfr/component/follow/follow.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/follow/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/follow/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20f_zlqq%3E","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_breakpoint.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCGE,WCiCE,wBC/BF,CFCE,qBC8BA,qBC5BF,CFEE,kBC0BA,aCzBF,CFII,6BCqBF,UCtBF,CFOI,2BCeF,aCnBF,CCHS,4EFsBP,aCHF,CFPE,2CCUA,6BCaF,CA/BF,CEdI,+EJiBE,2BC8FA,4BC7FJ,CDgGM,iCACE,gCC9FR,CDiGM,kCACE,+BC/FR,CCdS,4EFqGL,4BC7EJ,CDgFM,wFACE,gCC9ER,CDiFM,0FACE,+BC/ER,CAfF,CGhBI,kCLaA,2CCUA,6BCkBF,CACF","file":"follow.print.min.css","sourcesContent":[null,"////\n/// Follow Print\n/// @group follow\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _follow-scheme('print');\n}\n","////\n/// Follow Scheme\n/// @group follow\n////\n\n@use 'module/color';\n\n@mixin _follow-scheme($legacy: false) {\n #{ns(follow)} {\n @include color.background(alt blue-france, (legacy: $legacy));\n\n #{ns(input)} {\n @include color.background(default grey, (legacy: $legacy));\n }\n\n &__title {\n @include color.text(title grey, (legacy: $legacy));\n }\n\n &__newsletter {\n &-legal {\n @include color.text(mention grey, (legacy: $legacy));\n }\n }\n\n &__social {\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n\n #{ns(grid-row)} > *:not(:first-child) {\n // Séparateur en box-shadow\n @include color.box-shadow(default blue-france, (legacy: $legacy), top-1-out);\n @include respond-from(md) {\n @include color.box-shadow(default blue-france, (legacy: $legacy), left-1-out);\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","@charset \"UTF-8\";\n@media print {\n /**\n * Mixin d'ajout des icones des réseaux sociaux\n **/\n /**\n * Mixin d'ajout des icones des réseaux sociaux\n **/\n .fr-follow {\n background-color: #f5f5fe;\n }\n .fr-follow .fr-input {\n background-color: #fff;\n }\n .fr-follow__title {\n color: #161616;\n }\n .fr-follow__newsletter-legal {\n color: #666;\n }\n .fr-follow__social .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-follow__social .fr-btn {\n background-color: transparent;\n }\n .fr-follow__social .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-follow__social .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-follow__social .fr-btn:disabled, .fr-follow__social a.fr-btn:not([href]) {\n color: #929292;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-follow__social .fr-btn:disabled, .fr-follow__social a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-follow__social .fr-btn:disabled:hover, .fr-follow__social a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-follow__social .fr-btn:disabled:active, .fr-follow__social a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-follow .fr-grid-row > *:not(:first-child) {\n box-shadow: 0 -1px 0 0 #6a6af4;\n }\n}\n@media print and (min-width: 48em) {\n .fr-follow .fr-grid-row > *:not(:first-child) {\n box-shadow: -1px 0 0 0 #6a6af4;\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","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Selector Breakpoint\n/// @group core\n////\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get($breakpoints, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-to(md) {\n/// }\n/// }\n@mixin respond-to($media) {\n\n @debug 'afin de rester mobile first, n‘utiliser la mixin respond-to uniquement s‘il n‘y a pas d‘autre alternative, lui préférer systématiquement la mixin respond-from';\n\n $limits: map_get($breakpoints, $media);\n\n @if $limits != null and length($limits) == 2 {\n @media (max-width: nth($limits, 2)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/footer/footer.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-footer {
box-shadow: inset 0 2px 0 0 #000091, inset 0 -1px 0 0 #ddd;
display: none;
}
.fr-footer__content-link {
color: #3a3a3a;
}
.fr-footer__top-cat {
color: #161616;
}
.fr-footer__top {
background-color: #f6f6f6;
}
.fr-footer__bottom {
box-shadow: inset 0 1px 0 0 #ddd;
}
.fr-footer__bottom .fr-btn {
color: #666;
}
.fr-footer__bottom-item::before {
box-shadow: inset 0 0 0 1px #ddd;
}
.fr-footer__bottom-link {
color: #666;
}
.fr-footer__bottom-copy {
color: #666;
}
.fr-footer__partners {
box-shadow: inset 0 1px 0 0 #ddd;
}
.fr-footer__partners-title {
color: #3a3a3a;
}
.fr-footer__partners .fr-footer__logo {
background-color: #fff;
box-shadow: inset 0 0 0 1px #ddd;
}
}
design_system_admin/dsfr/component/footer/footer.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/footer/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/footer/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/component/footer/style/_print.scss","%3Cinput%20css%20yAei9Y%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECGE;ICiCE,0DAAA;ICxCF,aAAA;ECEA;;EHQE;IC8BA,cAAA;EEnCF;;EHSE;IC0BA,cAAA;EEhCF;;EHUE;ICsBA,yBAAA;EE7BF;;EHWE;ICkBA,gCAAA;EE1BF;;EHUI;ICgBF,WAAA;EEvBF;;ECFA;IHyBE,gCAAA;EEpBF;;EHeE;ICKA,WAAA;EEjBF;;EHgBE;ICCA,WAAA;EEdF;;EHiBE;ICHA,gCAAA;EEXF;;EHiBI;ICNF,cAAA;EERF;;EHkBI;ICVF,sBAAA;IAAA,gCAAA;EEJF;AAIF","file":"footer.print.css","sourcesContent":[null,"////\n/// Footer Print\n/// @group footer\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _footer-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// footer Scheme\n/// @group footer\n////\n\n@use 'module/color';\n\n@mixin _footer-scheme($legacy: false) {\n #{ns(footer)} {\n @include color.box-shadow((plain blue-france) (default grey), (legacy:$legacy), top-2-in bottom-1-in);\n\n &__content-link {\n @include color.text(default grey, (legacy:$legacy));\n }\n\n &__top-cat {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n &__top {\n @include color.background(alt grey, (legacy:$legacy));\n }\n\n &__bottom {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n #{ns(btn)} {\n @include color.text(mention grey, (legacy:$legacy));\n }\n }\n\n &__bottom-item {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n }\n\n &__bottom-link {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n &__bottom-copy {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n &__partners {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n\n &-title {\n @include color.text(default grey, (legacy:$legacy));\n }\n\n #{ns(footer__logo)} {\n @include color.background(default grey, (legacy:$legacy));\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n\n @if not $legacy {\n #{ns(footer__partners-link)} {\n &,\n &:hover,\n &:active {\n background: color.$white;\n }\n }\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(footer)} {\n display: none;\n}\n","@media print {\n .fr-footer {\n box-shadow: inset 0 2px 0 0 #000091, inset 0 -1px 0 0 #ddd;\n }\n .fr-footer__content-link {\n color: #3a3a3a;\n }\n .fr-footer__top-cat {\n color: #161616;\n }\n .fr-footer__top {\n background-color: #f6f6f6;\n }\n .fr-footer__bottom {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n .fr-footer__bottom .fr-btn {\n color: #666;\n }\n .fr-footer__bottom-item::before {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n .fr-footer__bottom-link {\n color: #666;\n }\n .fr-footer__bottom-copy {\n color: #666;\n }\n .fr-footer__partners {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n .fr-footer__partners-title {\n color: #3a3a3a;\n }\n .fr-footer__partners .fr-footer__logo {\n background-color: #fff;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n .fr-footer {\n display: none;\n }\n}","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/footer/footer.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-footer{box-shadow:inset 0 2px 0 0 #000091,inset 0 -1px 0 0 #ddd;display:none}.fr-footer__content-link{color:#3a3a3a}.fr-footer__top-cat{color:#161616}.fr-footer__top{background-color:#f6f6f6}.fr-footer__bottom{box-shadow:inset 0 1px 0 0 #ddd}.fr-footer__bottom .fr-btn{color:#666}.fr-footer__bottom-item:before{box-shadow:inset 0 0 0 1px #ddd}.fr-footer__bottom-copy,.fr-footer__bottom-link{color:#666}.fr-footer__partners{box-shadow:inset 0 1px 0 0 #ddd}.fr-footer__partners-title{color:#3a3a3a}.fr-footer__partners .fr-footer__logo{background-color:#fff;box-shadow:inset 0 0 0 1px #ddd}}
\ No newline at end of file
design_system_admin/dsfr/component/footer/footer.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/footer/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/footer/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/component/footer/style/_print.scss","%3Cinput%20css%20DS7q_m%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCGE,WCiCE,wDAAA,CCxCF,YCEA,CHQE,yBC8BA,aEnCF,CHSE,oBC0BA,aEhCF,CHUE,gBCsBA,wBE7BF,CHWE,mBCkBA,+BE1BF,CHUI,2BCgBF,UEvBF,CCFA,+BHyBE,+BEpBF,CHmBE,gDCCA,UEdF,CHiBE,qBCHA,+BEXF,CHiBI,2BCNF,aERF,CHkBI,sCCVF,qBAAA,CAAA,+BEJF,CAIF","file":"footer.print.min.css","sourcesContent":[null,"////\n/// Footer Print\n/// @group footer\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _footer-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// footer Scheme\n/// @group footer\n////\n\n@use 'module/color';\n\n@mixin _footer-scheme($legacy: false) {\n #{ns(footer)} {\n @include color.box-shadow((plain blue-france) (default grey), (legacy:$legacy), top-2-in bottom-1-in);\n\n &__content-link {\n @include color.text(default grey, (legacy:$legacy));\n }\n\n &__top-cat {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n &__top {\n @include color.background(alt grey, (legacy:$legacy));\n }\n\n &__bottom {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n #{ns(btn)} {\n @include color.text(mention grey, (legacy:$legacy));\n }\n }\n\n &__bottom-item {\n @include before {\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n }\n\n &__bottom-link {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n &__bottom-copy {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n &__partners {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n\n &-title {\n @include color.text(default grey, (legacy:$legacy));\n }\n\n #{ns(footer__logo)} {\n @include color.background(default grey, (legacy:$legacy));\n @include color.box-shadow(default grey, (legacy:$legacy));\n }\n\n @if not $legacy {\n #{ns(footer__partners-link)} {\n &,\n &:hover,\n &:active {\n background: color.$white;\n }\n }\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(footer)} {\n display: none;\n}\n","@media print {\n .fr-footer {\n box-shadow: inset 0 2px 0 0 #000091, inset 0 -1px 0 0 #ddd;\n }\n .fr-footer__content-link {\n color: #3a3a3a;\n }\n .fr-footer__top-cat {\n color: #161616;\n }\n .fr-footer__top {\n background-color: #f6f6f6;\n }\n .fr-footer__bottom {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n .fr-footer__bottom .fr-btn {\n color: #666;\n }\n .fr-footer__bottom-item::before {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n .fr-footer__bottom-link {\n color: #666;\n }\n .fr-footer__bottom-copy {\n color: #666;\n }\n .fr-footer__partners {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n .fr-footer__partners-title {\n color: #3a3a3a;\n }\n .fr-footer__partners .fr-footer__logo {\n background-color: #fff;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n .fr-footer {\n display: none;\n }\n}","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/form/form.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-select-group--valid label,
.fr-input-group--valid label,
.fr-range-group--valid label,
.fr-upload-group--valid label {
color: #18753c;
}
.fr-select-group--error label,
.fr-input-group--error label,
.fr-range-group--error label,
.fr-upload-group--error label {
color: #ce0500;
}
.fr-select-group--info label,
.fr-input-group--info label,
.fr-range-group--info label,
.fr-upload-group--info label {
color: #0063cb;
}
.fr-select-group--disabled label,
.fr-select-group--disabled .fr-hint-text,
.fr-input-group--disabled label,
.fr-input-group--disabled .fr-hint-text,
.fr-range-group--disabled label,
.fr-range-group--disabled .fr-hint-text,
.fr-upload-group--disabled label,
.fr-upload-group--disabled .fr-hint-text {
color: #929292;
}
.fr-label {
color: #161616;
}
.fr-label--error {
color: #ce0500;
}
.fr-label--success {
color: #18753c;
}
.fr-label--info {
color: #0063cb;
}
.fr-label--disabled,
.fr-label--disabled .fr-hint-text {
color: #929292;
}
.fr-hint-text,
.fr-message {
color: #666;
font-size: 1rem;
line-height: 1.5rem;
}
.fr-message--error {
color: #ce0500;
}
.fr-message--valid {
color: #18753c;
}
.fr-message--info {
color: #0063cb;
}
.fr-fieldset:disabled .fr-label,
.fr-fieldset:disabled .fr-hint-text,
.fr-fieldset:disabled .fr-fieldset__legend {
color: #929292;
}
.fr-fieldset input:disabled + label,
.fr-fieldset input:disabled + label .fr-hint-text,
.fr-fieldset input:disabled + label + .fr-hint-text {
color: #929292;
}
.fr-fieldset__legend {
color: #161616;
}
.fr-fieldset--error,
.fr-fieldset--error .fr-fieldset__legend {
background-image: linear-gradient(0deg, #ce0500, #ce0500);
}
.fr-fieldset--error .fr-fieldset__legend,
.fr-fieldset--error .fr-label {
color: #ce0500;
}
.fr-fieldset--valid,
.fr-fieldset--valid .fr-fieldset__legend {
background-image: linear-gradient(0deg, #18753c, #18753c);
}
.fr-fieldset--valid .fr-fieldset__legend,
.fr-fieldset--valid .fr-label {
color: #18753c;
}
.fr-fieldset--info,
.fr-fieldset--info .fr-fieldset__legend {
background-image: linear-gradient(0deg, #0063cb, #0063cb);
}
.fr-fieldset--info .fr-fieldset__legend,
.fr-fieldset--info .fr-label {
color: #0063cb;
}
}
design_system_admin/dsfr/component/form/form.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/form/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/form/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20CLwsBb%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECMM;;;;IC8BF,cAAA;ECtCF;;EFcI;;;;ICwBF,cAAA;ECnCF;;EFiBI;;;;ICkBF,cAAA;EChCF;;EFoBI;;;;;;;;ICYF,cAAA;ECzBF;;EFoBA;ICKE,cAAA;ECtBF;;EFoBE;ICEA,cAAA;ECnBF;;EFqBE;ICFA,cAAA;EChBF;;EFsBE;ICNA,cAAA;ECbF;;EFwBI;;ICXF,cAAA;ECVF;;EF4BA;;IClBE,WAAA;IEfF,eAAA;IAGE,mBAAA;EDMF;;EF8BE;ICxBA,cAAA;ECHF;;EF+BE;IC5BA,cAAA;ECAF;;EFgCE;IChCA,cAAA;ECGF;;EFoCI;;;ICvCF,cAAA;ECQF;;EFwCM;;;IChDJ,cAAA;ECaF;;EF2CE;ICxDA,cAAA;ECgBF;;EF4CE;;IC5DA,yDAAA;ECmBF;;EF8CE;;ICjEA,cAAA;ECsBF;;EFgDE;;ICtEA,yDAAA;ECyBF;;EFkDE;;IC3EA,cAAA;EC4BF;;EFoDE;;IChFA,yDAAA;EC+BF;;EFsDE;;ICrFA,cAAA;ECkCF;AAMF","file":"form.print.css","sourcesContent":[null,"////\n/// Form Print\n/// @group form\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _form-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// form Scheme\n/// @group form\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _form-scheme($legacy: false) {\n #{ns-group(select), ns-group(input), ns-group(range), ns-group(upload)} {\n &--valid {\n label {\n @include color.text(default success, (legacy:$legacy));\n }\n }\n\n &--error {\n label {\n @include color.text(default error, (legacy:$legacy));\n }\n }\n\n &--info {\n label {\n @include color.text(default info, (legacy:$legacy));\n }\n }\n\n &--disabled {\n label,\n #{ns(hint-text)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n }\n\n #{ns(label)} {\n @include color.text(label grey, (legacy:$legacy));\n\n &--error {\n @include color.text(default error, (legacy:$legacy));\n }\n\n &--success {\n @include color.text(default success, (legacy:$legacy));\n }\n\n &--info {\n @include color.text(default info, (legacy:$legacy));\n }\n\n &--disabled {\n &,\n & #{ns(hint-text)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n }\n\n #{ns(hint-text)},\n #{ns(message)} {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n #{ns(message)} {\n &--error {\n @include color.text(default error, (legacy:$legacy));\n }\n\n &--valid {\n @include color.text(default success, (legacy:$legacy));\n }\n\n &--info {\n @include color.text(default info, (legacy:$legacy));\n }\n }\n\n #{ns(fieldset)} {\n @include disabled.selector {\n #{ns(label)},\n #{ns(hint-text)},\n #{ns(fieldset__legend)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n\n input {\n @include disabled.selector {\n + label,\n + label #{ns(hint-text)},\n + label + #{ns(hint-text)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n }\n\n &__legend {\n @include color.text(label grey, (legacy:$legacy));\n }\n\n &--error,\n &--error &__legend {\n @include color.background-image(border plain error, (legacy:$legacy));\n }\n\n &--error &__legend,\n &--error #{ns(label)} {\n @include color.text(default error, (legacy:$legacy));\n }\n\n &--valid,\n &--valid &__legend {\n @include color.background-image(border plain success, (legacy:$legacy));\n }\n\n &--valid &__legend,\n &--valid #{ns(label)} {\n @include color.text(default success, (legacy:$legacy));\n }\n\n &--info,\n &--info &__legend {\n @include color.background-image(border plain info, (legacy:$legacy));\n }\n\n &--info &__legend,\n &--info #{ns(label)} {\n @include color.text(default info, (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-select-group--valid label, .fr-input-group--valid label, .fr-range-group--valid label, .fr-upload-group--valid label {\n color: #18753c;\n }\n .fr-select-group--error label, .fr-input-group--error label, .fr-range-group--error label, .fr-upload-group--error label {\n color: #ce0500;\n }\n .fr-select-group--info label, .fr-input-group--info label, .fr-range-group--info label, .fr-upload-group--info label {\n color: #0063cb;\n }\n .fr-select-group--disabled label,\n .fr-select-group--disabled .fr-hint-text, .fr-input-group--disabled label,\n .fr-input-group--disabled .fr-hint-text, .fr-range-group--disabled label,\n .fr-range-group--disabled .fr-hint-text, .fr-upload-group--disabled label,\n .fr-upload-group--disabled .fr-hint-text {\n color: #929292;\n }\n .fr-label {\n color: #161616;\n }\n .fr-label--error {\n color: #ce0500;\n }\n .fr-label--success {\n color: #18753c;\n }\n .fr-label--info {\n color: #0063cb;\n }\n .fr-label--disabled, .fr-label--disabled .fr-hint-text {\n color: #929292;\n }\n .fr-hint-text,\n .fr-message {\n color: #666;\n }\n .fr-message--error {\n color: #ce0500;\n }\n .fr-message--valid {\n color: #18753c;\n }\n .fr-message--info {\n color: #0063cb;\n }\n .fr-fieldset:disabled .fr-label,\n .fr-fieldset:disabled .fr-hint-text,\n .fr-fieldset:disabled .fr-fieldset__legend {\n color: #929292;\n }\n .fr-fieldset input:disabled + label,\n .fr-fieldset input:disabled + label .fr-hint-text,\n .fr-fieldset input:disabled + label + .fr-hint-text {\n color: #929292;\n }\n .fr-fieldset__legend {\n color: #161616;\n }\n .fr-fieldset--error, .fr-fieldset--error .fr-fieldset__legend {\n background-image: linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-fieldset--error .fr-fieldset__legend, .fr-fieldset--error .fr-label {\n color: #ce0500;\n }\n .fr-fieldset--valid, .fr-fieldset--valid .fr-fieldset__legend {\n background-image: linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-fieldset--valid .fr-fieldset__legend, .fr-fieldset--valid .fr-label {\n color: #18753c;\n }\n .fr-fieldset--info, .fr-fieldset--info .fr-fieldset__legend {\n background-image: linear-gradient(0deg, #0063cb, #0063cb);\n }\n .fr-fieldset--info .fr-fieldset__legend, .fr-fieldset--info .fr-label {\n color: #0063cb;\n }\n .fr-hint-text,\n .fr-message {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/form/form.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-input-group--valid label,.fr-range-group--valid label,.fr-select-group--valid label,.fr-upload-group--valid label{color:#18753c}.fr-input-group--error label,.fr-range-group--error label,.fr-select-group--error label,.fr-upload-group--error label{color:#ce0500}.fr-input-group--info label,.fr-range-group--info label,.fr-select-group--info label,.fr-upload-group--info label{color:#0063cb}.fr-input-group--disabled .fr-hint-text,.fr-input-group--disabled label,.fr-range-group--disabled .fr-hint-text,.fr-range-group--disabled label,.fr-select-group--disabled .fr-hint-text,.fr-select-group--disabled label,.fr-upload-group--disabled .fr-hint-text,.fr-upload-group--disabled label{color:#929292}.fr-label{color:#161616}.fr-label--error{color:#ce0500}.fr-label--success{color:#18753c}.fr-label--info{color:#0063cb}.fr-label--disabled,.fr-label--disabled .fr-hint-text{color:#929292}.fr-hint-text,.fr-message{color:#666;font-size:1rem;line-height:1.5rem}.fr-message--error{color:#ce0500}.fr-message--valid{color:#18753c}.fr-message--info{color:#0063cb}.fr-fieldset input:disabled+label,.fr-fieldset input:disabled+label .fr-hint-text,.fr-fieldset input:disabled+label+.fr-hint-text,.fr-fieldset:disabled .fr-fieldset__legend,.fr-fieldset:disabled .fr-hint-text,.fr-fieldset:disabled .fr-label{color:#929292}.fr-fieldset__legend{color:#161616}.fr-fieldset--error,.fr-fieldset--error .fr-fieldset__legend{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-fieldset--error .fr-fieldset__legend,.fr-fieldset--error .fr-label{color:#ce0500}.fr-fieldset--valid,.fr-fieldset--valid .fr-fieldset__legend{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-fieldset--valid .fr-fieldset__legend,.fr-fieldset--valid .fr-label{color:#18753c}.fr-fieldset--info,.fr-fieldset--info .fr-fieldset__legend{background-image:linear-gradient(0deg,#0063cb,#0063cb)}.fr-fieldset--info .fr-fieldset__legend,.fr-fieldset--info .fr-label{color:#0063cb}}
\ No newline at end of file
design_system_admin/dsfr/component/form/form.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/form/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/form/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20H0rOjG%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCMM,sHC8BF,aCtCF,CFcI,sHCwBF,aCnCF,CFiBI,kHCkBF,aChCF,CFoBI,oSCYF,aCzBF,CFoBA,UCKE,aCtBF,CFoBE,iBCEA,aCnBF,CFqBE,mBCFA,aChBF,CFsBE,gBCNA,aCbF,CFwBI,sDCXF,aCVF,CF4BA,0BClBE,UAAA,CEfF,cAAA,CAGE,kBDMF,CF8BE,mBCxBA,aCHF,CF+BE,mBC5BA,aCAF,CFgCE,kBChCA,aCGF,CF6CM,iPChDJ,aCaF,CF2CE,qBCxDA,aCgBF,CF4CE,6DC5DA,sDCmBF,CF8CE,uECjEA,aCsBF,CFgDE,6DCtEA,sDCyBF,CFkDE,uEC3EA,aC4BF,CFoDE,2DChFA,sDC+BF,CFsDE,qECrFA,aCkCF,CAMF","file":"form.print.min.css","sourcesContent":[null,"////\n/// Form Print\n/// @group form\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _form-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// form Scheme\n/// @group form\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _form-scheme($legacy: false) {\n #{ns-group(select), ns-group(input), ns-group(range), ns-group(upload)} {\n &--valid {\n label {\n @include color.text(default success, (legacy:$legacy));\n }\n }\n\n &--error {\n label {\n @include color.text(default error, (legacy:$legacy));\n }\n }\n\n &--info {\n label {\n @include color.text(default info, (legacy:$legacy));\n }\n }\n\n &--disabled {\n label,\n #{ns(hint-text)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n }\n\n #{ns(label)} {\n @include color.text(label grey, (legacy:$legacy));\n\n &--error {\n @include color.text(default error, (legacy:$legacy));\n }\n\n &--success {\n @include color.text(default success, (legacy:$legacy));\n }\n\n &--info {\n @include color.text(default info, (legacy:$legacy));\n }\n\n &--disabled {\n &,\n & #{ns(hint-text)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n }\n\n #{ns(hint-text)},\n #{ns(message)} {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n #{ns(message)} {\n &--error {\n @include color.text(default error, (legacy:$legacy));\n }\n\n &--valid {\n @include color.text(default success, (legacy:$legacy));\n }\n\n &--info {\n @include color.text(default info, (legacy:$legacy));\n }\n }\n\n #{ns(fieldset)} {\n @include disabled.selector {\n #{ns(label)},\n #{ns(hint-text)},\n #{ns(fieldset__legend)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n\n input {\n @include disabled.selector {\n + label,\n + label #{ns(hint-text)},\n + label + #{ns(hint-text)} {\n @include disabled.colors((legacy: $legacy, text: true));\n }\n }\n }\n\n &__legend {\n @include color.text(label grey, (legacy:$legacy));\n }\n\n &--error,\n &--error &__legend {\n @include color.background-image(border plain error, (legacy:$legacy));\n }\n\n &--error &__legend,\n &--error #{ns(label)} {\n @include color.text(default error, (legacy:$legacy));\n }\n\n &--valid,\n &--valid &__legend {\n @include color.background-image(border plain success, (legacy:$legacy));\n }\n\n &--valid &__legend,\n &--valid #{ns(label)} {\n @include color.text(default success, (legacy:$legacy));\n }\n\n &--info,\n &--info &__legend {\n @include color.background-image(border plain info, (legacy:$legacy));\n }\n\n &--info &__legend,\n &--info #{ns(label)} {\n @include color.text(default info, (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-select-group--valid label, .fr-input-group--valid label, .fr-range-group--valid label, .fr-upload-group--valid label {\n color: #18753c;\n }\n .fr-select-group--error label, .fr-input-group--error label, .fr-range-group--error label, .fr-upload-group--error label {\n color: #ce0500;\n }\n .fr-select-group--info label, .fr-input-group--info label, .fr-range-group--info label, .fr-upload-group--info label {\n color: #0063cb;\n }\n .fr-select-group--disabled label,\n .fr-select-group--disabled .fr-hint-text, .fr-input-group--disabled label,\n .fr-input-group--disabled .fr-hint-text, .fr-range-group--disabled label,\n .fr-range-group--disabled .fr-hint-text, .fr-upload-group--disabled label,\n .fr-upload-group--disabled .fr-hint-text {\n color: #929292;\n }\n .fr-label {\n color: #161616;\n }\n .fr-label--error {\n color: #ce0500;\n }\n .fr-label--success {\n color: #18753c;\n }\n .fr-label--info {\n color: #0063cb;\n }\n .fr-label--disabled, .fr-label--disabled .fr-hint-text {\n color: #929292;\n }\n .fr-hint-text,\n .fr-message {\n color: #666;\n }\n .fr-message--error {\n color: #ce0500;\n }\n .fr-message--valid {\n color: #18753c;\n }\n .fr-message--info {\n color: #0063cb;\n }\n .fr-fieldset:disabled .fr-label,\n .fr-fieldset:disabled .fr-hint-text,\n .fr-fieldset:disabled .fr-fieldset__legend {\n color: #929292;\n }\n .fr-fieldset input:disabled + label,\n .fr-fieldset input:disabled + label .fr-hint-text,\n .fr-fieldset input:disabled + label + .fr-hint-text {\n color: #929292;\n }\n .fr-fieldset__legend {\n color: #161616;\n }\n .fr-fieldset--error, .fr-fieldset--error .fr-fieldset__legend {\n background-image: linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-fieldset--error .fr-fieldset__legend, .fr-fieldset--error .fr-label {\n color: #ce0500;\n }\n .fr-fieldset--valid, .fr-fieldset--valid .fr-fieldset__legend {\n background-image: linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-fieldset--valid .fr-fieldset__legend, .fr-fieldset--valid .fr-label {\n color: #18753c;\n }\n .fr-fieldset--info, .fr-fieldset--info .fr-fieldset__legend {\n background-image: linear-gradient(0deg, #0063cb, #0063cb);\n }\n .fr-fieldset--info .fr-fieldset__legend, .fr-fieldset--info .fr-label {\n color: #0063cb;\n }\n .fr-hint-text,\n .fr-message {\n font-size: 1rem;\n line-height: 1.5rem;\n }\n}","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@use 'module/spacing';\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} spacing.space($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} spacing.space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n"]}
\ No newline at end of file