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
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 520 additions and 0 deletions
design_system_admin/dsfr/component/header/header.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-header__brand {
background-color: #fff;
flex-wrap: nowrap;
}
.fr-header__service {
color: #161616;
box-shadow: inset 0 1px 0 0 #ddd;
box-shadow: none;
}
.fr-header__menu-links::after {
box-shadow: inset 0 1px 0 0 #ddd;
}
.fr-header__menu-links .fr-btn {
color: #000091;
}
.fr-header__menu-links .fr-btn:disabled,
.fr-header__menu-links a.fr-btn:not([href]) {
color: #929292;
}
.fr-header__tools-links .fr-btn {
color: #000091;
}
.fr-header__tools-links .fr-btn:disabled,
.fr-header__tools-links a.fr-btn:not([href]) {
color: #929292;
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {
color: #000091;
box-shadow: inset 0 0 0 1px #ddd;
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled,
.fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {
color: #929292;
box-shadow: inset 0 0 0 1px #e5e5e5;
}
.fr-header__navbar .fr-service__title {
color: #161616;
}
.fr-header__navbar .fr-btn {
color: #000091;
}
.fr-header__navbar .fr-btn:disabled,
.fr-header__navbar a.fr-btn:not([href]) {
color: #929292;
}
.fr-header__navbar .fr-btn--menu {
color: #000091;
box-shadow: inset 0 0 0 1px #ddd;
}
.fr-header__navbar .fr-btn--menu:disabled,
.fr-header__navbar a.fr-btn--menu:not([href]) {
color: #929292;
box-shadow: inset 0 0 0 1px #e5e5e5;
}
.fr-header .fr-modal {
background-color: #fff;
}
.fr-header__menu {
display: none;
}
.fr-header__body-row {
padding: 0;
}
.fr-header__body .fr-header__tools,
.fr-header__body .fr-header__navbar {
display: none;
}
.fr-header__brand-top {
width: auto;
}
}
@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
.fr-header__brand {
z-index: 750;
}
.fr-header__menu-links .fr-btn {
background-color: transparent;
box-shadow: none;
}
.fr-header__menu-links .fr-btn:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__menu-links .fr-btn:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__menu-links .fr-btn:disabled,
.fr-header__menu-links a.fr-btn:not([href]) {
background-color: transparent;
}
.fr-header__menu-links .fr-btn:disabled:hover,
.fr-header__menu-links a.fr-btn:not([href]):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__menu-links .fr-btn:disabled:active,
.fr-header__menu-links a.fr-btn:not([href]):active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__tools-links .fr-btn {
background-color: transparent;
}
.fr-header__tools-links .fr-btn:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__tools-links .fr-btn:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__tools-links .fr-btn:disabled,
.fr-header__tools-links a.fr-btn:not([href]) {
background-color: transparent;
}
.fr-header__tools-links .fr-btn:disabled:hover,
.fr-header__tools-links a.fr-btn:not([href]):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__tools-links .fr-btn:disabled:active,
.fr-header__tools-links a.fr-btn:not([href]):active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {
background-color: transparent;
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled,
.fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {
background-color: transparent;
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:hover,
.fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:active,
.fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__navbar .fr-btn {
background-color: transparent;
}
.fr-header__navbar .fr-btn:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__navbar .fr-btn:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__navbar .fr-btn:disabled,
.fr-header__navbar a.fr-btn:not([href]) {
background-color: transparent;
}
.fr-header__navbar .fr-btn:disabled:hover,
.fr-header__navbar a.fr-btn:not([href]):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__navbar .fr-btn:disabled:active,
.fr-header__navbar a.fr-btn:not([href]):active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__navbar .fr-btn--menu {
background-color: transparent;
}
.fr-header__navbar .fr-btn--menu:hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__navbar .fr-btn--menu:active {
background-color: rgba(0, 0, 0, 0.1);
}
.fr-header__navbar .fr-btn--menu:disabled,
.fr-header__navbar a.fr-btn--menu:not([href]) {
background-color: transparent;
}
.fr-header__navbar .fr-btn--menu:disabled:hover,
.fr-header__navbar a.fr-btn--menu:not([href]):hover {
background-color: rgba(0, 0, 0, 0.05);
}
.fr-header__navbar .fr-btn--menu:disabled:active,
.fr-header__navbar a.fr-btn--menu:not([href]):active {
background-color: rgba(0, 0, 0, 0.1);
}
}
@media print and (min-width: 62em) {
.fr-header {
background-color: #fff;
}
.fr-header .fr-header__menu {
box-shadow: inset 0 1px 0 0 #ddd;
}
}
@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {
.fr-header {
z-index: 750;
}
.fr-header__brand {
z-index: auto;
background: transparent;
}
.fr-header__service {
box-shadow: none;
}
}
design_system_admin/dsfr/component/header/header.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/header/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/header/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/component/header/style/_print.scss","%3Cinput%20css%20NGDlQf%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_z-index.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_drop.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECMI;IC8BA,sBAAA;ICxBA,iBAAA;ECdF;;EHYE;IC0BA,cAAA;IAAA,gCAAA;IChBA,gBAAA;ECXF;;ECEA;IHyBE,gCAAA;EEDF;;EHHI;ICIF,cAAA;EEEF;;EExBS;;IJsBP,cAAA;EEkBF;;EHfI;ICHF,cAAA;EEuCF;;EE7DS;;IJsBP,cAAA;EEuDF;;EH/CM;ICRJ,cAAA;IAAA,gCAAA;EEwEF;;EE9FS;;IJsBP,cAAA;IAAA,mCAAA;EEyFF;;EG5HA;ILmCE,cAAA;EEyGF;;EHpFI;ICrBF,cAAA;EE4GF;;EElIS;;IJsBP,cAAA;EE4HF;;EHpGM;ICxBJ,cAAA;IAAA,gCAAA;EE6IF;;EEnKS;;IJsBP,cAAA;IAAA,mCAAA;EE8JF;;EH1HE;ICpCA,sBAAA;EEmLF;;ED3NA;IACE,aAAA;EC+NF;;ED3NE;IK2BA,UAfE;EJkNJ;;ED1NE;;IAEE,aAAA;EC4NJ;;EDrNE;IACE,WAAA;EC0NJ;AA1OF;AKKI;EREA;ISFI,YAAA;ENDN;;EH6BI;ICmFA,6BAAA;IAuJE,gBAAA;EE/NN;;EF2EM;IACE,qCAAA;EEzER;;EF4EM;IACE,oCAAA;EE1ER;;EEnCS;;IJqGL,6BAAA;EExDJ;;EF2DM;;IACE,qCAAA;EEzDR;;EF4DM;;IACE,oCAAA;EE1DR;;EH1BI;IC4EA,6BAAA;EEnCJ;;EFsCM;IACE,qCAAA;EEpCR;;EFuCM;IACE,oCAAA;EErCR;;EExES;;IJqGL,6BAAA;EEnBJ;;EFsBM;;IACE,qCAAA;EEpBR;;EFuBM;;IACE,oCAAA;EErBR;;EH1DM;ICuEF,6BAAA;EEFJ;;EFKM;IACE,qCAAA;EEHR;;EFMM;IACE,oCAAA;EEJR;;EEzGS;;IJqGL,6BAAA;EEeJ;;EFZM;;IACE,qCAAA;EEcR;;EFXM;;IACE,oCAAA;EEaR;;EH/EI;IC0DA,6BAAA;EEkCJ;;EF/BM;IACE,qCAAA;EEiCR;;EF9BM;IACE,oCAAA;EEgCR;;EE7IS;;IJqGL,6BAAA;EEkDJ;;EF/CM;;IACE,qCAAA;EEiDR;;EF9CM;;IACE,oCAAA;EEgDR;;EH/GM;ICuDF,6BAAA;EEmEJ;;EFhEM;IACE,qCAAA;EEkER;;EF/DM;IACE,oCAAA;EEiER;;EE9KS;;IJqGL,6BAAA;EEoFJ;;EFjFM;;IACE,qCAAA;EEmFR;;EFhFM;;IACE,oCAAA;EEkFR;AAzMF;AOMI;EVLF;IC+BE,sBAAA;EEtBF;;EHoDE;IC9BA,gCAAA;EE8KF;AAnMF;AKXI;ERCF;ISDM,YAAA;ENeN;;EHDI;IWhBA,aAAA;IACA,uBAAA;ERsBJ;;EHHI;ICoPE,gBAAA;EE5ON;AAVF","file":"header.print.css","sourcesContent":[null,"////\n/// Header Print\n/// @group header\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _header-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// header Scheme\n/// @group header\n////\n\n@use 'module/color';\n@use 'module/elevation';\n@use 'module/media-query';\n\n@mixin _header-scheme($legacy: false) {\n #{ns(header)} {\n &__brand {\n @include elevation.elevate(raised-over, (legacy: $legacy));\n }\n\n &__service {\n @include color.text(title grey, (legacy:$legacy));\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n }\n\n @include media-query.respond-from(lg) {\n @include elevation.elevate(raised-over, (legacy: $legacy));\n\n &__brand {\n @include elevation.drop((legacy:$legacy));\n }\n\n &__service {\n @include color.no-box-shadow((legacy:$legacy));\n }\n }\n\n &__menu-links {\n @include after {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n }\n\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n @include color.no-box-shadow((legacy: $legacy));\n }\n }\n\n &__tools-links {\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n }\n\n > #{ns(translate)}:first-child:last-child {\n #{ns(btn)} {\n @include btn-kind-scheme(3, $legacy);\n }\n }\n }\n\n &__navbar {\n #{ns(service)} {\n @include title {\n @include color.text(title grey, (legacy:$legacy));\n }\n }\n\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n\n &--menu {\n @include btn-kind-scheme(3, $legacy);\n }\n }\n }\n\n #{ns(header__menu)} {\n @include respond-from(lg) {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n }\n }\n\n #{ns(modal)} {\n @include color.background(lifted 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","#{ns(header)} {\n &__menu {\n display: none;\n }\n\n &__body {\n &-row {\n @include padding(0);\n }\n\n #{ns(header)}__tools,\n #{ns(header)}__navbar {\n display: none;\n }\n }\n\n &__brand {\n flex-wrap: nowrap;\n\n &-top {\n width: auto;\n }\n }\n\n &__service {\n box-shadow: none;\n }\n}\n","@media print {\n .fr-header__brand {\n background-color: #fff;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__brand {\n z-index: 750;\n }\n}\n@media print {\n .fr-header__service {\n color: #161616;\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n}\n@media print and (min-width: 62em) {\n .fr-header {\n background-color: #fff;\n }\n}\n@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {\n .fr-header {\n z-index: 750;\n }\n}\n@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {\n .fr-header__brand {\n z-index: auto;\n background: transparent;\n }\n}\n@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {\n .fr-header__service {\n box-shadow: none;\n }\n}\n@media print {\n .fr-header__menu-links::after {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n .fr-header__menu-links .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__menu-links .fr-btn {\n background-color: transparent;\n }\n .fr-header__menu-links .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__menu-links .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__menu-links .fr-btn:disabled, .fr-header__menu-links 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-header__menu-links .fr-btn:disabled, .fr-header__menu-links a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__menu-links .fr-btn:disabled:hover, .fr-header__menu-links a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__menu-links .fr-btn:disabled:active, .fr-header__menu-links a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__menu-links .fr-btn {\n box-shadow: none;\n }\n}\n@media print {\n .fr-header__tools-links .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__tools-links .fr-btn {\n background-color: transparent;\n }\n .fr-header__tools-links .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__tools-links .fr-btn:disabled, .fr-header__tools-links 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-header__tools-links .fr-btn:disabled, .fr-header__tools-links a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__tools-links .fr-btn:disabled:hover, .fr-header__tools-links a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links .fr-btn:disabled:active, .fr-header__tools-links a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {\n color: #000091;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {\n background-color: transparent;\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {\n color: #929292;\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:hover, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:active, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-service__title {\n color: #161616;\n }\n .fr-header__navbar .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__navbar .fr-btn {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-btn:disabled, .fr-header__navbar 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-header__navbar .fr-btn:disabled, .fr-header__navbar a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn:disabled:hover, .fr-header__navbar a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn:disabled:active, .fr-header__navbar a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-btn--menu {\n color: #000091;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__navbar .fr-btn--menu {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn--menu:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn--menu:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-btn--menu:disabled, .fr-header__navbar a.fr-btn--menu:not([href]) {\n color: #929292;\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__navbar .fr-btn--menu:disabled, .fr-header__navbar a.fr-btn--menu:not([href]) {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn--menu:disabled:hover, .fr-header__navbar a.fr-btn--menu:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn--menu:disabled:active, .fr-header__navbar a.fr-btn--menu:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print and (min-width: 62em) {\n .fr-header .fr-header__menu {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n}\n@media print {\n .fr-header .fr-modal {\n background-color: #fff;\n }\n}\n@media print {\n .fr-header__menu {\n display: none;\n }\n .fr-header__body-row {\n padding: 0;\n }\n .fr-header__body .fr-header__tools,\n .fr-header__body .fr-header__navbar {\n display: none;\n }\n .fr-header__brand {\n flex-wrap: nowrap;\n }\n .fr-header__brand-top {\n width: auto;\n }\n .fr-header__service {\n box-shadow: none;\n }\n}","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","@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","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","/// 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","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:map';\n@use 'module/legacy';\n\n@mixin drop($options: ()) {\n $legacy: map.get($options, legacy);\n @if $legacy {\n @include legacy.is(ie11) {\n z-index: auto;\n background: transparent;\n }\n }\n @else {\n z-index: auto;\n background: transparent;\n filter: none;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/header/header.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-header__brand{background-color:#fff;flex-wrap:nowrap}.fr-header__service{box-shadow:inset 0 1px 0 0 #ddd;box-shadow:none;color:#161616}.fr-header__menu-links:after{box-shadow:inset 0 1px 0 0 #ddd}.fr-header__menu-links .fr-btn{color:#000091}.fr-header__menu-links .fr-btn:disabled,.fr-header__menu-links a.fr-btn:not([href]){color:#929292}.fr-header__tools-links .fr-btn{color:#000091}.fr-header__tools-links .fr-btn:disabled,.fr-header__tools-links a.fr-btn:not([href]){color:#929292}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-header__navbar .fr-service__title{color:#161616}.fr-header__navbar .fr-btn{color:#000091}.fr-header__navbar .fr-btn:disabled,.fr-header__navbar a.fr-btn:not([href]){color:#929292}.fr-header__navbar .fr-btn--menu{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-header__navbar .fr-btn--menu:disabled,.fr-header__navbar a.fr-btn--menu:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-header .fr-modal{background-color:#fff}.fr-header__menu{display:none}.fr-header__body-row{padding:0}.fr-header__body .fr-header__navbar,.fr-header__body .fr-header__tools{display:none}.fr-header__brand-top{width:auto}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-header__brand{z-index:750}.fr-header__menu-links .fr-btn{background-color:transparent;box-shadow:none}.fr-header__menu-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__menu-links .fr-btn:disabled,.fr-header__menu-links a.fr-btn:not([href]){background-color:transparent}.fr-header__menu-links .fr-btn:disabled:hover,.fr-header__menu-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__menu-links .fr-btn:disabled:active,.fr-header__menu-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn{background-color:transparent}.fr-header__tools-links .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links .fr-btn:disabled,.fr-header__tools-links a.fr-btn:not([href]){background-color:transparent}.fr-header__tools-links .fr-btn:disabled:hover,.fr-header__tools-links a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links .fr-btn:disabled:active,.fr-header__tools-links a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn{background-color:transparent}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]){background-color:transparent}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled:hover,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__tools-links>.fr-translate:first-child:last-child .fr-btn:disabled:active,.fr-header__tools-links>.fr-translate:first-child:last-child a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn{background-color:transparent}.fr-header__navbar .fr-btn:hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn:active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn:disabled,.fr-header__navbar a.fr-btn:not([href]){background-color:transparent}.fr-header__navbar .fr-btn:disabled:hover,.fr-header__navbar a.fr-btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn:disabled:active,.fr-header__navbar a.fr-btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn--menu{background-color:transparent}.fr-header__navbar .fr-btn--menu:hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn--menu:active{background-color:rgba(0,0,0,.1)}.fr-header__navbar .fr-btn--menu:disabled,.fr-header__navbar a.fr-btn--menu:not([href]){background-color:transparent}.fr-header__navbar .fr-btn--menu:disabled:hover,.fr-header__navbar a.fr-btn--menu:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-header__navbar .fr-btn--menu:disabled:active,.fr-header__navbar a.fr-btn--menu:not([href]):active{background-color:rgba(0,0,0,.1)}}@media print and (min-width:62em){.fr-header{background-color:#fff}.fr-header .fr-header__menu{box-shadow:inset 0 1px 0 0 #ddd}}@media print and (min-width:62em) and (-ms-high-contrast:active),print and (min-width:62em) and (-ms-high-contrast:none){.fr-header{z-index:750}.fr-header__brand{background:transparent;z-index:auto}.fr-header__service{box-shadow:none}}
\ No newline at end of file
design_system_admin/dsfr/component/header/header.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/header/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/header/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/component/header/style/_print.scss","%3Cinput%20css%20Q8Nj48%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_z-index.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/elevation/mixin/_drop.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCMI,kBC8BA,qBAAA,CCxBA,gBCdF,CHYE,oBC0BA,+BAAA,CChBA,eAAA,CDgBA,aE3BF,CCEA,6BHyBE,+BEDF,CHHI,+BCIF,aEEF,CExBS,oFJsBP,aEkBF,CHfI,gCCHF,aEuCF,CE7DS,sFJsBP,aEuDF,CH/CM,qECRJ,+BAAA,CAAA,aEwEF,CE9FS,gKJsBP,kCAAA,CAAA,aEyFF,CG5HA,sCLmCE,aEyGF,CHpFI,2BCrBF,aE4GF,CElIS,4EJsBP,aE4HF,CHpGM,iCCxBJ,+BAAA,CAAA,aE6IF,CEnKS,wFJsBP,kCAAA,CAAA,aE8JF,CH1HE,qBCpCA,qBEmLF,CD3NA,iBACE,YC+NF,CD3NE,qBK2BA,SJmMF,CD1NE,uEAEE,YC4NJ,CDrNE,sBACE,UC0NJ,CA1OF,CKKI,+EREA,kBSFI,WNDN,CH6BI,+BCmFA,4BAAA,CAuJE,eE/NN,CF2EM,qCACE,gCEzER,CF4EM,sCACE,+BE1ER,CEnCS,oFJqGL,4BExDJ,CF2DM,gGACE,gCEzDR,CF4DM,kGACE,+BE1DR,CH1BI,gCC4EA,4BEnCJ,CFsCM,sCACE,gCEpCR,CFuCM,uCACE,+BErCR,CExES,sFJqGL,4BEnBJ,CFsBM,kGACE,gCEpBR,CFuBM,oGACE,+BErBR,CH1DM,qECuEF,4BEFJ,CFKM,2EACE,gCEHR,CFMM,4EACE,+BEJR,CEzGS,gKJqGL,4BEeJ,CFZM,4KACE,gCEcR,CFXM,8KACE,+BEaR,CH/EI,2BC0DA,4BEkCJ,CF/BM,iCACE,gCEiCR,CF9BM,kCACE,+BEgCR,CE7IS,4EJqGL,4BEkDJ,CF/CM,wFACE,gCEiDR,CF9CM,0FACE,+BEgDR,CH/GM,iCCuDF,4BEmEJ,CFhEM,uCACE,gCEkER,CF/DM,wCACE,+BEiER,CE9KS,wFJqGL,4BEoFJ,CFjFM,oGACE,gCEmFR,CFhFM,sGACE,+BEkFR,CAzMF,COMI,kCVLF,WC+BE,qBEtBF,CHoDE,4BC9BA,+BE8KF,CAnMF,CKXI,yHRCF,WSDM,WNeN,CHDI,kBWfA,sBAAA,CADA,YRuBJ,CHHI,oBCoPE,eE5ON,CAVF","file":"header.print.min.css","sourcesContent":[null,"////\n/// Header Print\n/// @group header\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _header-scheme('print');\n\n @import 'style/print';\n}\n","////\n/// header Scheme\n/// @group header\n////\n\n@use 'module/color';\n@use 'module/elevation';\n@use 'module/media-query';\n\n@mixin _header-scheme($legacy: false) {\n #{ns(header)} {\n &__brand {\n @include elevation.elevate(raised-over, (legacy: $legacy));\n }\n\n &__service {\n @include color.text(title grey, (legacy:$legacy));\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n }\n\n @include media-query.respond-from(lg) {\n @include elevation.elevate(raised-over, (legacy: $legacy));\n\n &__brand {\n @include elevation.drop((legacy:$legacy));\n }\n\n &__service {\n @include color.no-box-shadow((legacy:$legacy));\n }\n }\n\n &__menu-links {\n @include after {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n }\n\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n @include color.no-box-shadow((legacy: $legacy));\n }\n }\n\n &__tools-links {\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n }\n\n > #{ns(translate)}:first-child:last-child {\n #{ns(btn)} {\n @include btn-kind-scheme(3, $legacy);\n }\n }\n }\n\n &__navbar {\n #{ns(service)} {\n @include title {\n @include color.text(title grey, (legacy:$legacy));\n }\n }\n\n #{ns(btn)} {\n @include btn-kind-scheme(4, $legacy);\n\n &--menu {\n @include btn-kind-scheme(3, $legacy);\n }\n }\n }\n\n #{ns(header__menu)} {\n @include respond-from(lg) {\n @include color.box-shadow(default grey, (legacy:$legacy), top-1-in);\n }\n }\n\n #{ns(modal)} {\n @include color.background(lifted 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","#{ns(header)} {\n &__menu {\n display: none;\n }\n\n &__body {\n &-row {\n @include padding(0);\n }\n\n #{ns(header)}__tools,\n #{ns(header)}__navbar {\n display: none;\n }\n }\n\n &__brand {\n flex-wrap: nowrap;\n\n &-top {\n width: auto;\n }\n }\n\n &__service {\n box-shadow: none;\n }\n}\n","@media print {\n .fr-header__brand {\n background-color: #fff;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__brand {\n z-index: 750;\n }\n}\n@media print {\n .fr-header__service {\n color: #161616;\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n}\n@media print and (min-width: 62em) {\n .fr-header {\n background-color: #fff;\n }\n}\n@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {\n .fr-header {\n z-index: 750;\n }\n}\n@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {\n .fr-header__brand {\n z-index: auto;\n background: transparent;\n }\n}\n@media print and (min-width: 62em) and (-ms-high-contrast: none), print and (min-width: 62em) and (-ms-high-contrast: active) {\n .fr-header__service {\n box-shadow: none;\n }\n}\n@media print {\n .fr-header__menu-links::after {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n .fr-header__menu-links .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__menu-links .fr-btn {\n background-color: transparent;\n }\n .fr-header__menu-links .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__menu-links .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__menu-links .fr-btn:disabled, .fr-header__menu-links 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-header__menu-links .fr-btn:disabled, .fr-header__menu-links a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__menu-links .fr-btn:disabled:hover, .fr-header__menu-links a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__menu-links .fr-btn:disabled:active, .fr-header__menu-links a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__menu-links .fr-btn {\n box-shadow: none;\n }\n}\n@media print {\n .fr-header__tools-links .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__tools-links .fr-btn {\n background-color: transparent;\n }\n .fr-header__tools-links .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__tools-links .fr-btn:disabled, .fr-header__tools-links 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-header__tools-links .fr-btn:disabled, .fr-header__tools-links a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__tools-links .fr-btn:disabled:hover, .fr-header__tools-links a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links .fr-btn:disabled:active, .fr-header__tools-links a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {\n color: #000091;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn {\n background-color: transparent;\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {\n color: #929292;\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:hover, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__tools-links > .fr-translate:first-child:last-child .fr-btn:disabled:active, .fr-header__tools-links > .fr-translate:first-child:last-child a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-service__title {\n color: #161616;\n }\n .fr-header__navbar .fr-btn {\n color: #000091;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__navbar .fr-btn {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-btn:disabled, .fr-header__navbar 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-header__navbar .fr-btn:disabled, .fr-header__navbar a.fr-btn:not([href]) {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn:disabled:hover, .fr-header__navbar a.fr-btn:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn:disabled:active, .fr-header__navbar a.fr-btn:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-btn--menu {\n color: #000091;\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__navbar .fr-btn--menu {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn--menu:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn--menu:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print {\n .fr-header__navbar .fr-btn--menu:disabled, .fr-header__navbar a.fr-btn--menu:not([href]) {\n color: #929292;\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {\n .fr-header__navbar .fr-btn--menu:disabled, .fr-header__navbar a.fr-btn--menu:not([href]) {\n background-color: transparent;\n }\n .fr-header__navbar .fr-btn--menu:disabled:hover, .fr-header__navbar a.fr-btn--menu:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-header__navbar .fr-btn--menu:disabled:active, .fr-header__navbar a.fr-btn--menu:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media print and (min-width: 62em) {\n .fr-header .fr-header__menu {\n box-shadow: inset 0 1px 0 0 #ddd;\n }\n}\n@media print {\n .fr-header .fr-modal {\n background-color: #fff;\n }\n}\n@media print {\n .fr-header__menu {\n display: none;\n }\n .fr-header__body-row {\n padding: 0;\n }\n .fr-header__body .fr-header__tools,\n .fr-header__body .fr-header__navbar {\n display: none;\n }\n .fr-header__brand {\n flex-wrap: nowrap;\n }\n .fr-header__brand-top {\n width: auto;\n }\n .fr-header__service {\n box-shadow: none;\n }\n}","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","@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","////\n/// Core Tool : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: spacing.space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","/// 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","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:map';\n@use 'module/legacy';\n\n@mixin drop($options: ()) {\n $legacy: map.get($options, legacy);\n @if $legacy {\n @include legacy.is(ie11) {\n z-index: auto;\n background: transparent;\n }\n }\n @else {\n z-index: auto;\n background: transparent;\n filter: none;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/highlight/highlight.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-highlight {
background-image: linear-gradient(0deg, #6a6af4, #6a6af4);
}
.fr-highlight--green-tilleul-verveine {
background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
}
.fr-highlight--green-bourgeon {
background-image: linear-gradient(0deg, #68a532, #68a532);
}
.fr-highlight--green-emeraude {
background-image: linear-gradient(0deg, #00a95f, #00a95f);
}
.fr-highlight--green-menthe {
background-image: linear-gradient(0deg, #009081, #009081);
}
.fr-highlight--green-archipel {
background-image: linear-gradient(0deg, #009099, #009099);
}
.fr-highlight--blue-ecume {
background-image: linear-gradient(0deg, #465f9d, #465f9d);
}
.fr-highlight--blue-cumulus {
background-image: linear-gradient(0deg, #417dc4, #417dc4);
}
.fr-highlight--purple-glycine {
background-image: linear-gradient(0deg, #a558a0, #a558a0);
}
.fr-highlight--pink-macaron {
background-image: linear-gradient(0deg, #e18b76, #e18b76);
}
.fr-highlight--pink-tuile {
background-image: linear-gradient(0deg, #ce614a, #ce614a);
}
.fr-highlight--yellow-tournesol {
background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
}
.fr-highlight--yellow-moutarde {
background-image: linear-gradient(0deg, #c3992a, #c3992a);
}
.fr-highlight--orange-terre-battue {
background-image: linear-gradient(0deg, #e4794a, #e4794a);
}
.fr-highlight--brown-cafe-creme {
background-image: linear-gradient(0deg, #d1b781, #d1b781);
}
.fr-highlight--brown-caramel {
background-image: linear-gradient(0deg, #c08c65, #c08c65);
}
.fr-highlight--brown-opera {
background-image: linear-gradient(0deg, #bd987a, #bd987a);
}
.fr-highlight--beige-gris-galet {
background-image: linear-gradient(0deg, #aea397, #aea397);
}
}
design_system_admin/dsfr/component/highlight/highlight.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/highlight/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/highlight/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%202bPHqU%3E","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECGE;ICiCE,yDAAA;ECtCF;;ECOI;IF+BF,yDAAA;ECnCF;;ECII;IF+BF,yDAAA;EChCF;;ECCI;IF+BF,yDAAA;EC7BF;;ECFI;IF+BF,yDAAA;EC1BF;;ECLI;IF+BF,yDAAA;ECvBF;;ECRI;IF+BF,yDAAA;ECpBF;;ECXI;IF+BF,yDAAA;ECjBF;;ECdI;IF+BF,yDAAA;ECdF;;ECjBI;IF+BF,yDAAA;ECXF;;ECpBI;IF+BF,yDAAA;ECRF;;ECvBI;IF+BF,yDAAA;ECLF;;EC1BI;IF+BF,yDAAA;ECFF;;EC7BI;IF+BF,yDAAA;ECCF;;EChCI;IF+BF,yDAAA;ECIF;;ECnCI;IF+BF,yDAAA;ECOF;;ECtCI;IF+BF,yDAAA;ECUF;;ECzCI;IF+BF,yDAAA;ECaF;AACF","file":"highlight.print.css","sourcesContent":[null,"////\n/// Highlight Print\n/// @group highlight\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _highlight-scheme('print');\n}\n","////\n/// Highlight Scheme\n/// @group Highlight\n////\n\n@use 'module/color';\n\n@mixin _highlight-scheme($legacy: false) {\n #{ns(highlight)} {\n @include color.background-image(border default blue-france, (legacy:$legacy));\n\n @include color.accentuate {\n @include color.background-image(border default accent, (legacy:$legacy));\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@media print {\n .fr-highlight {\n background-image: linear-gradient(0deg, #6a6af4, #6a6af4);\n }\n .fr-highlight--green-tilleul-verveine {\n background-image: linear-gradient(0deg, #b7a73f, #b7a73f);\n }\n .fr-highlight--green-bourgeon {\n background-image: linear-gradient(0deg, #68a532, #68a532);\n }\n .fr-highlight--green-emeraude {\n background-image: linear-gradient(0deg, #00a95f, #00a95f);\n }\n .fr-highlight--green-menthe {\n background-image: linear-gradient(0deg, #009081, #009081);\n }\n .fr-highlight--green-archipel {\n background-image: linear-gradient(0deg, #009099, #009099);\n }\n .fr-highlight--blue-ecume {\n background-image: linear-gradient(0deg, #465f9d, #465f9d);\n }\n .fr-highlight--blue-cumulus {\n background-image: linear-gradient(0deg, #417dc4, #417dc4);\n }\n .fr-highlight--purple-glycine {\n background-image: linear-gradient(0deg, #a558a0, #a558a0);\n }\n .fr-highlight--pink-macaron {\n background-image: linear-gradient(0deg, #e18b76, #e18b76);\n }\n .fr-highlight--pink-tuile {\n background-image: linear-gradient(0deg, #ce614a, #ce614a);\n }\n .fr-highlight--yellow-tournesol {\n background-image: linear-gradient(0deg, #c8aa39, #c8aa39);\n }\n .fr-highlight--yellow-moutarde {\n background-image: linear-gradient(0deg, #c3992a, #c3992a);\n }\n .fr-highlight--orange-terre-battue {\n background-image: linear-gradient(0deg, #e4794a, #e4794a);\n }\n .fr-highlight--brown-cafe-creme {\n background-image: linear-gradient(0deg, #d1b781, #d1b781);\n }\n .fr-highlight--brown-caramel {\n background-image: linear-gradient(0deg, #c08c65, #c08c65);\n }\n .fr-highlight--brown-opera {\n background-image: linear-gradient(0deg, #bd987a, #bd987a);\n }\n .fr-highlight--beige-gris-galet {\n background-image: linear-gradient(0deg, #aea397, #aea397);\n }\n}","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/highlight/highlight.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-highlight{background-image:linear-gradient(0deg,#6a6af4,#6a6af4)}.fr-highlight--green-tilleul-verveine{background-image:linear-gradient(0deg,#b7a73f,#b7a73f)}.fr-highlight--green-bourgeon{background-image:linear-gradient(0deg,#68a532,#68a532)}.fr-highlight--green-emeraude{background-image:linear-gradient(0deg,#00a95f,#00a95f)}.fr-highlight--green-menthe{background-image:linear-gradient(0deg,#009081,#009081)}.fr-highlight--green-archipel{background-image:linear-gradient(0deg,#009099,#009099)}.fr-highlight--blue-ecume{background-image:linear-gradient(0deg,#465f9d,#465f9d)}.fr-highlight--blue-cumulus{background-image:linear-gradient(0deg,#417dc4,#417dc4)}.fr-highlight--purple-glycine{background-image:linear-gradient(0deg,#a558a0,#a558a0)}.fr-highlight--pink-macaron{background-image:linear-gradient(0deg,#e18b76,#e18b76)}.fr-highlight--pink-tuile{background-image:linear-gradient(0deg,#ce614a,#ce614a)}.fr-highlight--yellow-tournesol{background-image:linear-gradient(0deg,#c8aa39,#c8aa39)}.fr-highlight--yellow-moutarde{background-image:linear-gradient(0deg,#c3992a,#c3992a)}.fr-highlight--orange-terre-battue{background-image:linear-gradient(0deg,#e4794a,#e4794a)}.fr-highlight--brown-cafe-creme{background-image:linear-gradient(0deg,#d1b781,#d1b781)}.fr-highlight--brown-caramel{background-image:linear-gradient(0deg,#c08c65,#c08c65)}.fr-highlight--brown-opera{background-image:linear-gradient(0deg,#bd987a,#bd987a)}.fr-highlight--beige-gris-galet{background-image:linear-gradient(0deg,#aea397,#aea397)}}
\ No newline at end of file
design_system_admin/dsfr/component/highlight/highlight.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/highlight/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/highlight/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20XSumI4%3E","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCGE,cCiCE,sDCtCF,CCOI,sCF+BF,sDCnCF,CCII,8BF+BF,sDChCF,CCCI,8BF+BF,sDC7BF,CCFI,4BF+BF,sDC1BF,CCLI,8BF+BF,sDCvBF,CCRI,0BF+BF,sDCpBF,CCXI,4BF+BF,sDCjBF,CCdI,8BF+BF,sDCdF,CCjBI,4BF+BF,sDCXF,CCpBI,0BF+BF,sDCRF,CCvBI,gCF+BF,sDCLF,CC1BI,+BF+BF,sDCFF,CC7BI,mCF+BF,sDCCF,CChCI,gCF+BF,sDCIF,CCnCI,6BF+BF,sDCOF,CCtCI,2BF+BF,sDCUF,CCzCI,gCF+BF,sDCaF,CACF","file":"highlight.print.min.css","sourcesContent":[null,"////\n/// Highlight Print\n/// @group highlight\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _highlight-scheme('print');\n}\n","////\n/// Highlight Scheme\n/// @group Highlight\n////\n\n@use 'module/color';\n\n@mixin _highlight-scheme($legacy: false) {\n #{ns(highlight)} {\n @include color.background-image(border default blue-france, (legacy:$legacy));\n\n @include color.accentuate {\n @include color.background-image(border default accent, (legacy:$legacy));\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@media print {\n .fr-highlight {\n background-image: linear-gradient(0deg, #6a6af4, #6a6af4);\n }\n .fr-highlight--green-tilleul-verveine {\n background-image: linear-gradient(0deg, #b7a73f, #b7a73f);\n }\n .fr-highlight--green-bourgeon {\n background-image: linear-gradient(0deg, #68a532, #68a532);\n }\n .fr-highlight--green-emeraude {\n background-image: linear-gradient(0deg, #00a95f, #00a95f);\n }\n .fr-highlight--green-menthe {\n background-image: linear-gradient(0deg, #009081, #009081);\n }\n .fr-highlight--green-archipel {\n background-image: linear-gradient(0deg, #009099, #009099);\n }\n .fr-highlight--blue-ecume {\n background-image: linear-gradient(0deg, #465f9d, #465f9d);\n }\n .fr-highlight--blue-cumulus {\n background-image: linear-gradient(0deg, #417dc4, #417dc4);\n }\n .fr-highlight--purple-glycine {\n background-image: linear-gradient(0deg, #a558a0, #a558a0);\n }\n .fr-highlight--pink-macaron {\n background-image: linear-gradient(0deg, #e18b76, #e18b76);\n }\n .fr-highlight--pink-tuile {\n background-image: linear-gradient(0deg, #ce614a, #ce614a);\n }\n .fr-highlight--yellow-tournesol {\n background-image: linear-gradient(0deg, #c8aa39, #c8aa39);\n }\n .fr-highlight--yellow-moutarde {\n background-image: linear-gradient(0deg, #c3992a, #c3992a);\n }\n .fr-highlight--orange-terre-battue {\n background-image: linear-gradient(0deg, #e4794a, #e4794a);\n }\n .fr-highlight--brown-cafe-creme {\n background-image: linear-gradient(0deg, #d1b781, #d1b781);\n }\n .fr-highlight--brown-caramel {\n background-image: linear-gradient(0deg, #c08c65, #c08c65);\n }\n .fr-highlight--brown-opera {\n background-image: linear-gradient(0deg, #bd987a, #bd987a);\n }\n .fr-highlight--beige-gris-galet {\n background-image: linear-gradient(0deg, #aea397, #aea397);\n }\n}","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/input/input-base/input-base.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-input {
color: #3a3a3a;
background-color: #eee;
box-shadow: inset 0 -2px 0 0 #3a3a3a;
}
.fr-input::placeholder {
color: #666;
}
.fr-input::-webkit-contacts-auto-fill-button {
background-color: #161616;
}
.fr-input::-webkit-contacts-auto-fill-button:hover {
background-color: #343434;
}
.fr-input::-webkit-contacts-auto-fill-button:active {
background-color: #474747;
}
.fr-input:disabled {
color: var(--text-disabled-grey);
box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
}
.fr-input:autofill,
.fr-input:autofill:hover,
.fr-input:autofill:focus,
.fr-input:-webkit-autofill,
.fr-input:-webkit-autofill:hover,
.fr-input:-webkit-autofill:focus {
box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;
-webkit-text-fill-color: #161616;
}
.fr-input-wrap--addon > .fr-input:not(:last-child) {
box-shadow: inset 0 -2px 0 0 #000091;
}
.fr-fieldset--valid .fr-input,
.fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child),
.fr-input-group--valid .fr-input,
.fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {
box-shadow: inset 0 -2px 0 0 #18753c;
}
.fr-fieldset--error .fr-input,
.fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child),
.fr-input-group--error .fr-input,
.fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {
box-shadow: inset 0 -2px 0 0 #ce0500;
}
.fr-input-group--error::before {
background-image: linear-gradient(0deg, #ce0500, #ce0500);
}
.fr-input-group--valid::before {
background-image: linear-gradient(0deg, #18753c, #18753c);
}
.fr-input-group--info::before {
background-image: linear-gradient(0deg, #0063cb, #0063cb);
}
}
design_system_admin/dsfr/component/input/input-base/input-base.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20qIoFDf%3E","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_tool.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_autofill.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECIE;ICgCE,cAAA;IAAA,sBAAA;IAAA,oCAAA;ECpCF;;ECWA;IFyBE,WAAA;ECjCF;;ECcA;IFmBE,yBAAA;EC9BF;;EETE;IHuFA,yBAAA;EC3EF;;EEZE;IHuFA,yBAAA;ECxEF;;EGES;IJsBP,gCAAA;IAAA,wDAAA;ECpBF;;EIfA;;;;;;ILmCE,gEAAA;IAAA,gCAAA;EChBF;;EFiBI;ICDF,oCAAA;ECbF;;EFqBI;;;;ICRF,oCAAA;ECRF;;EFwBI;;;;IChBF,oCAAA;ECHF;;EKtBA;INyBE,yDAAA;ECAF;;EKzBA;INyBE,yDAAA;ECGF;;EK5BA;INyBE,yDAAA;ECMF;AACF","file":"input-base.print.css","sourcesContent":[null,"////\n/// Input-Base Print\n/// @group input-base\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _input-scheme('print');\n}\n","////\n/// Input Scheme\n/// @group input\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _input-scheme($legacy: false) {\n #{ns(input)} {\n @include color.text(default grey, (legacy:$legacy));\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.box-shadow(plain grey, (legacy:$legacy), bottom-2-in);\n\n @include placeholder {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n @include contact-auto-fill-button {\n @include color.background(text label grey, (legacy:$legacy, hover: true));\n }\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in));\n\n @include autofill {\n @include color.box-shadow((plain grey) (background contrast info), (legacy:$legacy), bottom-2-in all-in);\n @include color.text-fill(label grey, (legacy:$legacy));\n }\n\n @if not $legacy {\n @supports selector(::-webkit-calendar-picker-indicator) {\n &[type=date] {\n @include color.data-uri-svg(text action-high grey, (legacy: $legacy), $input-calendar-line);\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in)) {\n @include color.data-uri-svg(text disabled grey, (legacy: $legacy), $input-calendar-line);\n }\n }\n }\n }\n\n &-wrap--addon {\n > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(action-high blue-france, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--valid)},\n &-group--valid {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain success, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--error)},\n &-group--error {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain error, (legacy:$legacy), bottom-2-in);\n }\n }\n\n &-group--error {\n @include before {\n @include color.background-image(border plain error, (legacy:$legacy));\n }\n }\n\n &-group--valid {\n @include before {\n @include color.background-image(border plain success, (legacy:$legacy));\n }\n }\n\n &-group--info {\n @include before {\n @include color.background-image(border plain info, (legacy:$legacy));\n }\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@media print {\n .fr-input {\n color: #3a3a3a;\n background-color: #eee;\n box-shadow: inset 0 -2px 0 0 #3a3a3a;\n }\n .fr-input::placeholder {\n color: #666;\n }\n .fr-input::-webkit-contacts-auto-fill-button {\n background-color: #161616;\n }\n .fr-input::-webkit-contacts-auto-fill-button:hover {\n background-color: #343434;\n }\n .fr-input::-webkit-contacts-auto-fill-button:active {\n background-color: #474747;\n }\n .fr-input:disabled {\n color: var(--text-disabled-grey);\n box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);\n }\n .fr-input:autofill, .fr-input:autofill:hover, .fr-input:autofill:focus, .fr-input:-webkit-autofill, .fr-input:-webkit-autofill:hover, .fr-input:-webkit-autofill:focus {\n box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;\n -webkit-text-fill-color: #161616;\n }\n .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #000091;\n }\n .fr-fieldset--valid .fr-input,\n .fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--valid .fr-input,\n .fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #18753c;\n }\n .fr-fieldset--error .fr-input,\n .fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--error .fr-input,\n .fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #ce0500;\n }\n .fr-input-group--error::before {\n background-image: linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-input-group--valid::before {\n background-image: linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-input-group--info::before {\n background-image: linear-gradient(0deg, #0063cb, #0063cb);\n }\n}","////\n/// Input Tool\n/// @group input\n////\n\n/// Mixin pour ajouter les préfixes vendor du placeholder\n///\n/// @access public\n///\n/// @example scss\n/// .foo {\n/// @include placeholder {\n/// @content;\n/// }\n/// }\n@mixin placeholder {\n &::placeholder {\n @content;\n }\n}\n\n@mixin contact-auto-fill-button {\n &::-webkit-contacts-auto-fill-button {\n @content;\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// Core Tool : Selector Autofill\n/// @group core\n////\n\n@mixin autofill () {\n &:autofill,\n &:autofill:hover,\n &:autofill:focus,\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n @content;\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/input/input-base/input-base.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{background-color:#eee;box-shadow:inset 0 -2px 0 0 #3a3a3a;color:#3a3a3a}.fr-input::placeholder{color:#666}.fr-input::-webkit-contacts-auto-fill-button{background-color:#161616}.fr-input::-webkit-contacts-auto-fill-button:hover{background-color:#343434}.fr-input::-webkit-contacts-auto-fill-button:active{background-color:#474747}.fr-input:disabled{box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-input:-webkit-autofill,.fr-input:-webkit-autofill:focus,.fr-input:-webkit-autofill:hover,.fr-input:autofill,.fr-input:autofill:focus,.fr-input:autofill:hover{-webkit-text-fill-color:#161616;box-shadow:inset 0 -2px 0 0 #3a3a3a,inset 0 0 0 1000px #e8edff}.fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #000091}.fr-fieldset--valid .fr-input,.fr-fieldset--valid .fr-input-wrap--addon>.fr-input:not(:last-child),.fr-input-group--valid .fr-input,.fr-input-group--valid .fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #18753c}.fr-fieldset--error .fr-input,.fr-fieldset--error .fr-input-wrap--addon>.fr-input:not(:last-child),.fr-input-group--error .fr-input,.fr-input-group--error .fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #ce0500}.fr-input-group--error:before{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-input-group--valid:before{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-input-group--info:before{background-image:linear-gradient(0deg,#0063cb,#0063cb)}}
\ No newline at end of file
design_system_admin/dsfr/component/input/input-base/input-base.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20GJ8oMI%3E","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_tool.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_autofill.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCIE,UCgCE,qBAAA,CAAA,mCAAA,CAAA,aCpCF,CCWA,uBFyBE,UCjCF,CCcA,6CFmBE,wBC9BF,CETE,mDHuFA,wBC3EF,CEZE,oDHuFA,wBCxEF,CGES,mBJsBP,uDAAA,CAAA,+BCpBF,CIfA,kKLmCE,+BAAA,CAAA,8DChBF,CFiBI,iDCDF,mCCbF,CFqBI,4MCRF,mCCRF,CFwBI,4MChBF,mCCHF,CKtBA,8BNyBE,sDCAF,CKzBA,8BNyBE,sDCGF,CK5BA,6BNyBE,sDCMF,CACF","file":"input-base.print.min.css","sourcesContent":[null,"////\n/// Input-Base Print\n/// @group input-base\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _input-scheme('print');\n}\n","////\n/// Input Scheme\n/// @group input\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _input-scheme($legacy: false) {\n #{ns(input)} {\n @include color.text(default grey, (legacy:$legacy));\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.box-shadow(plain grey, (legacy:$legacy), bottom-2-in);\n\n @include placeholder {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n @include contact-auto-fill-button {\n @include color.background(text label grey, (legacy:$legacy, hover: true));\n }\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in));\n\n @include autofill {\n @include color.box-shadow((plain grey) (background contrast info), (legacy:$legacy), bottom-2-in all-in);\n @include color.text-fill(label grey, (legacy:$legacy));\n }\n\n @if not $legacy {\n @supports selector(::-webkit-calendar-picker-indicator) {\n &[type=date] {\n @include color.data-uri-svg(text action-high grey, (legacy: $legacy), $input-calendar-line);\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in)) {\n @include color.data-uri-svg(text disabled grey, (legacy: $legacy), $input-calendar-line);\n }\n }\n }\n }\n\n &-wrap--addon {\n > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(action-high blue-france, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--valid)},\n &-group--valid {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain success, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--error)},\n &-group--error {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain error, (legacy:$legacy), bottom-2-in);\n }\n }\n\n &-group--error {\n @include before {\n @include color.background-image(border plain error, (legacy:$legacy));\n }\n }\n\n &-group--valid {\n @include before {\n @include color.background-image(border plain success, (legacy:$legacy));\n }\n }\n\n &-group--info {\n @include before {\n @include color.background-image(border plain info, (legacy:$legacy));\n }\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@media print {\n .fr-input {\n color: #3a3a3a;\n background-color: #eee;\n box-shadow: inset 0 -2px 0 0 #3a3a3a;\n }\n .fr-input::placeholder {\n color: #666;\n }\n .fr-input::-webkit-contacts-auto-fill-button {\n background-color: #161616;\n }\n .fr-input::-webkit-contacts-auto-fill-button:hover {\n background-color: #343434;\n }\n .fr-input::-webkit-contacts-auto-fill-button:active {\n background-color: #474747;\n }\n .fr-input:disabled {\n color: var(--text-disabled-grey);\n box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);\n }\n .fr-input:autofill, .fr-input:autofill:hover, .fr-input:autofill:focus, .fr-input:-webkit-autofill, .fr-input:-webkit-autofill:hover, .fr-input:-webkit-autofill:focus {\n box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;\n -webkit-text-fill-color: #161616;\n }\n .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #000091;\n }\n .fr-fieldset--valid .fr-input,\n .fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--valid .fr-input,\n .fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #18753c;\n }\n .fr-fieldset--error .fr-input,\n .fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--error .fr-input,\n .fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #ce0500;\n }\n .fr-input-group--error::before {\n background-image: linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-input-group--valid::before {\n background-image: linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-input-group--info::before {\n background-image: linear-gradient(0deg, #0063cb, #0063cb);\n }\n}","////\n/// Input Tool\n/// @group input\n////\n\n/// Mixin pour ajouter les préfixes vendor du placeholder\n///\n/// @access public\n///\n/// @example scss\n/// .foo {\n/// @include placeholder {\n/// @content;\n/// }\n/// }\n@mixin placeholder {\n &::placeholder {\n @content;\n }\n}\n\n@mixin contact-auto-fill-button {\n &::-webkit-contacts-auto-fill-button {\n @content;\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// Core Tool : Selector Autofill\n/// @group core\n////\n\n@mixin autofill () {\n &:autofill,\n &:autofill:hover,\n &:autofill:focus,\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n @content;\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/input/input.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-input {
color: #3a3a3a;
background-color: #eee;
box-shadow: inset 0 -2px 0 0 #3a3a3a;
}
.fr-input::placeholder {
color: #666;
}
.fr-input::-webkit-contacts-auto-fill-button {
background-color: #161616;
}
.fr-input::-webkit-contacts-auto-fill-button:hover {
background-color: #343434;
}
.fr-input::-webkit-contacts-auto-fill-button:active {
background-color: #474747;
}
.fr-input:disabled {
color: var(--text-disabled-grey);
box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
}
.fr-input:autofill,
.fr-input:autofill:hover,
.fr-input:autofill:focus,
.fr-input:-webkit-autofill,
.fr-input:-webkit-autofill:hover,
.fr-input:-webkit-autofill:focus {
box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;
-webkit-text-fill-color: #161616;
}
.fr-input-wrap--addon > .fr-input:not(:last-child) {
box-shadow: inset 0 -2px 0 0 #000091;
}
.fr-fieldset--valid .fr-input,
.fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child),
.fr-input-group--valid .fr-input,
.fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {
box-shadow: inset 0 -2px 0 0 #18753c;
}
.fr-fieldset--error .fr-input,
.fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child),
.fr-input-group--error .fr-input,
.fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {
box-shadow: inset 0 -2px 0 0 #ce0500;
}
.fr-input-group--error::before {
background-image: linear-gradient(0deg, #ce0500, #ce0500);
}
.fr-input-group--valid::before {
background-image: linear-gradient(0deg, #18753c, #18753c);
}
.fr-input-group--info::before {
background-image: linear-gradient(0deg, #0063cb, #0063cb);
}
}
design_system_admin/dsfr/component/input/input.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20KgXObH%3E","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_tool.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_autofill.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECIE;ICgCE,cAAA;IAAA,sBAAA;IAAA,oCAAA;ECpCF;;ECWA;IFyBE,WAAA;ECjCF;;ECcA;IFmBE,yBAAA;EC9BF;;EETE;IHuFA,yBAAA;EC3EF;;EEZE;IHuFA,yBAAA;ECxEF;;EGES;IJsBP,gCAAA;IAAA,wDAAA;ECpBF;;EIfA;;;;;;ILmCE,gEAAA;IAAA,gCAAA;EChBF;;EFiBI;ICDF,oCAAA;ECbF;;EFqBI;;;;ICRF,oCAAA;ECRF;;EFwBI;;;;IChBF,oCAAA;ECHF;;EKtBA;INyBE,yDAAA;ECAF;;EKzBA;INyBE,yDAAA;ECGF;;EK5BA;INyBE,yDAAA;ECMF;AACF","file":"input.print.css","sourcesContent":[null,"////\n/// Input-Base Print\n/// @group input-base\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _input-scheme('print');\n}\n","////\n/// Input Scheme\n/// @group input\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _input-scheme($legacy: false) {\n #{ns(input)} {\n @include color.text(default grey, (legacy:$legacy));\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.box-shadow(plain grey, (legacy:$legacy), bottom-2-in);\n\n @include placeholder {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n @include contact-auto-fill-button {\n @include color.background(text label grey, (legacy:$legacy, hover: true));\n }\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in));\n\n @include autofill {\n @include color.box-shadow((plain grey) (background contrast info), (legacy:$legacy), bottom-2-in all-in);\n @include color.text-fill(label grey, (legacy:$legacy));\n }\n\n @if not $legacy {\n @supports selector(::-webkit-calendar-picker-indicator) {\n &[type=date] {\n @include color.data-uri-svg(text action-high grey, (legacy: $legacy), $input-calendar-line);\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in)) {\n @include color.data-uri-svg(text disabled grey, (legacy: $legacy), $input-calendar-line);\n }\n }\n }\n }\n\n &-wrap--addon {\n > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(action-high blue-france, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--valid)},\n &-group--valid {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain success, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--error)},\n &-group--error {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain error, (legacy:$legacy), bottom-2-in);\n }\n }\n\n &-group--error {\n @include before {\n @include color.background-image(border plain error, (legacy:$legacy));\n }\n }\n\n &-group--valid {\n @include before {\n @include color.background-image(border plain success, (legacy:$legacy));\n }\n }\n\n &-group--info {\n @include before {\n @include color.background-image(border plain info, (legacy:$legacy));\n }\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@media print {\n .fr-input {\n color: #3a3a3a;\n background-color: #eee;\n box-shadow: inset 0 -2px 0 0 #3a3a3a;\n }\n .fr-input::placeholder {\n color: #666;\n }\n .fr-input::-webkit-contacts-auto-fill-button {\n background-color: #161616;\n }\n .fr-input::-webkit-contacts-auto-fill-button:hover {\n background-color: #343434;\n }\n .fr-input::-webkit-contacts-auto-fill-button:active {\n background-color: #474747;\n }\n .fr-input:disabled {\n color: var(--text-disabled-grey);\n box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);\n }\n .fr-input:autofill, .fr-input:autofill:hover, .fr-input:autofill:focus, .fr-input:-webkit-autofill, .fr-input:-webkit-autofill:hover, .fr-input:-webkit-autofill:focus {\n box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;\n -webkit-text-fill-color: #161616;\n }\n .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #000091;\n }\n .fr-fieldset--valid .fr-input,\n .fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--valid .fr-input,\n .fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #18753c;\n }\n .fr-fieldset--error .fr-input,\n .fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--error .fr-input,\n .fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #ce0500;\n }\n .fr-input-group--error::before {\n background-image: linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-input-group--valid::before {\n background-image: linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-input-group--info::before {\n background-image: linear-gradient(0deg, #0063cb, #0063cb);\n }\n}","////\n/// Input Tool\n/// @group input\n////\n\n/// Mixin pour ajouter les préfixes vendor du placeholder\n///\n/// @access public\n///\n/// @example scss\n/// .foo {\n/// @include placeholder {\n/// @content;\n/// }\n/// }\n@mixin placeholder {\n &::placeholder {\n @content;\n }\n}\n\n@mixin contact-auto-fill-button {\n &::-webkit-contacts-auto-fill-button {\n @content;\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// Core Tool : Selector Autofill\n/// @group core\n////\n\n@mixin autofill () {\n &:autofill,\n &:autofill:hover,\n &:autofill:focus,\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n @content;\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/input/input.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{background-color:#eee;box-shadow:inset 0 -2px 0 0 #3a3a3a;color:#3a3a3a}.fr-input::placeholder{color:#666}.fr-input::-webkit-contacts-auto-fill-button{background-color:#161616}.fr-input::-webkit-contacts-auto-fill-button:hover{background-color:#343434}.fr-input::-webkit-contacts-auto-fill-button:active{background-color:#474747}.fr-input:disabled{box-shadow:inset 0 -2px 0 0 var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-input:-webkit-autofill,.fr-input:-webkit-autofill:focus,.fr-input:-webkit-autofill:hover,.fr-input:autofill,.fr-input:autofill:focus,.fr-input:autofill:hover{-webkit-text-fill-color:#161616;box-shadow:inset 0 -2px 0 0 #3a3a3a,inset 0 0 0 1000px #e8edff}.fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #000091}.fr-fieldset--valid .fr-input,.fr-fieldset--valid .fr-input-wrap--addon>.fr-input:not(:last-child),.fr-input-group--valid .fr-input,.fr-input-group--valid .fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #18753c}.fr-fieldset--error .fr-input,.fr-fieldset--error .fr-input-wrap--addon>.fr-input:not(:last-child),.fr-input-group--error .fr-input,.fr-input-group--error .fr-input-wrap--addon>.fr-input:not(:last-child){box-shadow:inset 0 -2px 0 0 #ce0500}.fr-input-group--error:before{background-image:linear-gradient(0deg,#ce0500,#ce0500)}.fr-input-group--valid:before{background-image:linear-gradient(0deg,#18753c,#18753c)}.fr-input-group--info:before{background-image:linear-gradient(0deg,#0063cb,#0063cb)}}
\ No newline at end of file
design_system_admin/dsfr/component/input/input.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20etXu9r%3E","file:///Users/ket/Documents/work/dsfr/src/component/input/input-base/style/_tool.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_autofill.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCIE,UCgCE,qBAAA,CAAA,mCAAA,CAAA,aCpCF,CCWA,uBFyBE,UCjCF,CCcA,6CFmBE,wBC9BF,CETE,mDHuFA,wBC3EF,CEZE,oDHuFA,wBCxEF,CGES,mBJsBP,uDAAA,CAAA,+BCpBF,CIfA,kKLmCE,+BAAA,CAAA,8DChBF,CFiBI,iDCDF,mCCbF,CFqBI,4MCRF,mCCRF,CFwBI,4MChBF,mCCHF,CKtBA,8BNyBE,sDCAF,CKzBA,8BNyBE,sDCGF,CK5BA,6BNyBE,sDCMF,CACF","file":"input.print.min.css","sourcesContent":[null,"////\n/// Input-Base Print\n/// @group input-base\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _input-scheme('print');\n}\n","////\n/// Input Scheme\n/// @group input\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _input-scheme($legacy: false) {\n #{ns(input)} {\n @include color.text(default grey, (legacy:$legacy));\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.box-shadow(plain grey, (legacy:$legacy), bottom-2-in);\n\n @include placeholder {\n @include color.text(mention grey, (legacy:$legacy));\n }\n\n @include contact-auto-fill-button {\n @include color.background(text label grey, (legacy:$legacy, hover: true));\n }\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in));\n\n @include autofill {\n @include color.box-shadow((plain grey) (background contrast info), (legacy:$legacy), bottom-2-in all-in);\n @include color.text-fill(label grey, (legacy:$legacy));\n }\n\n @if not $legacy {\n @supports selector(::-webkit-calendar-picker-indicator) {\n &[type=date] {\n @include color.data-uri-svg(text action-high grey, (legacy: $legacy), $input-calendar-line);\n\n @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in)) {\n @include color.data-uri-svg(text disabled grey, (legacy: $legacy), $input-calendar-line);\n }\n }\n }\n }\n\n &-wrap--addon {\n > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(action-high blue-france, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--valid)},\n &-group--valid {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain success, (legacy:$legacy), bottom-2-in);\n }\n }\n\n @at-root #{ns(fieldset--error)},\n &-group--error {\n #{ns(input)},\n #{ns(input-wrap--addon)} > #{ns(input)}:not(:last-child) {\n @include color.box-shadow(plain error, (legacy:$legacy), bottom-2-in);\n }\n }\n\n &-group--error {\n @include before {\n @include color.background-image(border plain error, (legacy:$legacy));\n }\n }\n\n &-group--valid {\n @include before {\n @include color.background-image(border plain success, (legacy:$legacy));\n }\n }\n\n &-group--info {\n @include before {\n @include color.background-image(border plain info, (legacy:$legacy));\n }\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $standalone: map.get($options, standalone);\n\n $legacy-target: null;\n @if $legacy == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text($tokens, $options) {\n @include element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin text-fill($tokens, $options) {\n @include element(-webkit-text-fill-color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin fill($tokens, $options) {\n @include element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin border($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map.has-key($options, side) {\n $prop:border-#{map.get($options, side)};\n }\n @include element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin outline($tokens, $options, $value:1px solid $COLOR) {\n @include element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include element(box-shadow, border, $tokens, $options, spacing.space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@media print {\n .fr-input {\n color: #3a3a3a;\n background-color: #eee;\n box-shadow: inset 0 -2px 0 0 #3a3a3a;\n }\n .fr-input::placeholder {\n color: #666;\n }\n .fr-input::-webkit-contacts-auto-fill-button {\n background-color: #161616;\n }\n .fr-input::-webkit-contacts-auto-fill-button:hover {\n background-color: #343434;\n }\n .fr-input::-webkit-contacts-auto-fill-button:active {\n background-color: #474747;\n }\n .fr-input:disabled {\n color: var(--text-disabled-grey);\n box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);\n }\n .fr-input:autofill, .fr-input:autofill:hover, .fr-input:autofill:focus, .fr-input:-webkit-autofill, .fr-input:-webkit-autofill:hover, .fr-input:-webkit-autofill:focus {\n box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;\n -webkit-text-fill-color: #161616;\n }\n .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #000091;\n }\n .fr-fieldset--valid .fr-input,\n .fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--valid .fr-input,\n .fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #18753c;\n }\n .fr-fieldset--error .fr-input,\n .fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child), .fr-input-group--error .fr-input,\n .fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {\n box-shadow: inset 0 -2px 0 0 #ce0500;\n }\n .fr-input-group--error::before {\n background-image: linear-gradient(0deg, #ce0500, #ce0500);\n }\n .fr-input-group--valid::before {\n background-image: linear-gradient(0deg, #18753c, #18753c);\n }\n .fr-input-group--info::before {\n background-image: linear-gradient(0deg, #0063cb, #0063cb);\n }\n}","////\n/// Input Tool\n/// @group input\n////\n\n/// Mixin pour ajouter les préfixes vendor du placeholder\n///\n/// @access public\n///\n/// @example scss\n/// .foo {\n/// @include placeholder {\n/// @content;\n/// }\n/// }\n@mixin placeholder {\n &::placeholder {\n @content;\n }\n}\n\n@mixin contact-auto-fill-button {\n &::-webkit-contacts-auto-fill-button {\n @content;\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\n\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// Core Tool : Selector Autofill\n/// @group core\n////\n\n@mixin autofill () {\n &:autofill,\n &:autofill:hover,\n &:autofill:focus,\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus {\n @content;\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"]}
\ No newline at end of file
design_system_admin/dsfr/component/link/link.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-link {
color: #000091;
}
.fr-link__detail {
color: #666;
}
.fr-links-group li::marker {
color: #000091;
}
.fr-links-group--bordered {
box-shadow: inset 0 0 0 1px #ddd;
}
}
design_system_admin/dsfr/component/link/link.print.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/link/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20CTmWOz%3E"],"names":[],"mappings":"AAAA;;GAAA;ACKA;ECGE;ICiCE,cAAA;ECtCF;;EFQE;IC8BA,WAAA;ECnCF;;EFWE;ICwBA,cAAA;EChCF;;EFYE;ICoBA,gCAAA;EC7BF;AACF","file":"link.print.css","sourcesContent":[null,"////\n/// Link Print\n/// @group link\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _link-scheme('print');\n}\n","////\n/// Link Scheme\n/// @group link\n////\n\n@use 'module/color';\n\n@mixin _link-scheme($legacy: false) {\n #{ns(link)} {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &__detail {\n @include color.text(mention grey, (legacy:$legacy));\n }\n }\n\n #{ns-group(links)} {\n li::marker {\n @include color.text(action-high blue-france, (legacy:$legacy));\n }\n\n &--bordered {\n @include color.box-shadow(default grey, (legacy:$legacy), all-1-in);\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-link {\n color: #000091;\n }\n .fr-link__detail {\n color: #666;\n }\n .fr-links-group li::marker {\n color: #000091;\n }\n .fr-links-group--bordered {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}"]}
\ No newline at end of file
design_system_admin/dsfr/component/link/link.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-link{color:#000091}.fr-link__detail{color:#666}.fr-links-group li::marker{color:#000091}.fr-links-group--bordered{box-shadow:inset 0 0 0 1px #ddd}}
\ No newline at end of file
design_system_admin/dsfr/component/link/link.print.min.css.map 0 → 100644
View file @ 4de2967c
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/link/print.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20yttJ00%3E"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCGE,SCiCE,aCtCF,CFQE,iBC8BA,UCnCF,CFWE,2BCwBA,aChCF,CFYE,0BCoBA,+BC7BF,CACF","file":"link.print.min.css","sourcesContent":[null,"////\n/// Link Print\n/// @group link\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _link-scheme('print');\n}\n","////\n/// Link Scheme\n/// @group link\n////\n\n@use 'module/color';\n\n@mixin _link-scheme($legacy: false) {\n #{ns(link)} {\n @include color.text(action-high blue-france, (legacy:$legacy));\n\n &__detail {\n @include color.text(mention grey, (legacy:$legacy));\n }\n }\n\n #{ns-group(links)} {\n li::marker {\n @include color.text(action-high blue-france, (legacy:$legacy));\n }\n\n &--bordered {\n @include color.box-shadow(default grey, (legacy:$legacy), all-1-in);\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-link {\n color: #000091;\n }\n .fr-link__detail {\n color: #666;\n }\n .fr-links-group li::marker {\n color: #000091;\n }\n .fr-links-group--bordered {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}"]}
\ No newline at end of file