@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 26.8 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","%3Cinput%20css%20ZRffnU%3E","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA,ACgBE,2DCVA,+DC2CM,CD1CN,uDEYF,CHHE,2DCVA,+DC2CM,CD1CN,uDEiBF,CHRE,yDCVA,8DC2CM,CD1CN,sDEsBF,CHbE,yDCVA,8DC2CM,CD1CN,sDE2BF,CHlBE,qDCVA,4DC2CM,CD1CN,oDEgCF,CHvBE,qDCVA,4DC2CM,CD1CN,oDEqCF,CH5BE,2DCVA,+DC2CM,CD1CN,uDE0CF,CHjCE,2DCVA,+DC2CM,CD1CN,uDE+CF,CHtCE,mDCVA,2DC2CM,CD1CN,mDEoDF,CH3CE,mDCVA,2DC2CM,CD1CN,mDEyDF,CHhDE,iECVA,kEC2CM,CD1CN,0DE8DF,CHrDE,iECVA,kEC2CM,CD1CN,0DEmEF,CH1DE,mDCVA,2DC2CM,CD1CN,mDEwEF,CH/DE,mDCVA,2DC2CM,CD1CN,mDE6EF,CHpEE,2DCVA,+DC2CM,CD1CN,uDEkFF,CHzEE,2DCVA,+DC2CM,CD1CN,uDEuFF,CH9EE,mDCVA,2DC2CM,CD1CN,mDE4FF,CHnFE,mDCVA,2DC2CM,CD1CN,mDEiGF,CHxFE,+DCVA,iEC2CM,CD1CN,yDEsGF,CH7FE,+DCVA,iEC2CM,CD1CN,yDE2GF,CHlGE,iECVA,kEC2CM,CD1CN,0DEgHF,CHvGE,iECVA,kEC2CM,CD1CN,0DEqHF,CH5GE,2DCVA,+DC2CM,CD1CN,uDE0HF,CHjHE,2DCVA,+DC2CM,CD1CN,uDE+HF,CHtHE,iECVA,kEC2CM,CD1CN,0DEoIF,CH3HE,iECVA,kEC2CM,CD1CN,0DEyIF,CHhIE,qDCVA,4DC2CM,CD1CN,oDE8IF,CHrIE,qDCVA,4DC2CM,CD1CN,oDEmJF,CH1IE,yDCVA,8DC2CM,CD1CN,sDEwJF,CH/IE,yDCVA,8DC2CM,CD1CN,sDE6JF,CHpJE,yDCVA,8DC2CM,CD1CN,sDEkKF,CHzJE,yDCVA,8DC2CM,CD1CN,sDEuKF,CH9JE,yDCVA,8DC2CM,CD1CN,sDE4KF,CHnKE,yDCVA,8DC2CM,CD1CN,sDEiLF,CHxKE,uDCVA,6DC2CM,CD1CN,qDEsLF,CH7KE,uDCVA,6DC2CM,CD1CN,qDE2LF,CHlLE,mECVA,mEC2CM,CD1CN,2DEgMF,CHvLE,mECVA,mEC2CM,CD1CN,2DEqMF,CH5LE,uDCVA,6DC2CM,CD1CN,qDE0MF,CHjME,uDCVA,6DC2CM,CD1CN,qDE+MF,CHtME,iDCVA,0DC2CM,CD1CN,kDEoNF,CH3ME,iDCVA,0DC2CM,CD1CN,kDEyNF,CHhNE,qDCVA,4DC2CM,CD1CN,oDE8NF,CHrNE,qDCVA,4DC2CM,CD1CN,oDEmOF,CH1NE,+CCVA,2DC2CM,CD1CN,mDEwOF,CH/NE,+CCVA,2DC2CM,CD1CN,mDE6OF,CCrOI;ECRI,cAAA;EAAA,cAAA,CFDR,CCSI;ECRI,cAAA;EAAA,cAAA,CFER,CCMI;ECRI,cAAA;EAAA,cAAA,CFKR,CCGI;ECRI,cAAA;EAAA,cAAA,CFQR,CGNI,6DNOF,2DOAE,6DJqPF,CHrPA,2DOAE,6DJwPF,CHxPA,yDOAE,4DJ2PF,CH3PA,yDOAE,4DJ8PF,CH9PA,qDOAE,0DJiQF,CHjQA,qDOAE,0DJoQF,CHpQA,2DOAE,6DJuQF,CHvQA,2DOAE,6DJ0QF,CH1QA,mDOAE,yDJ6QF,CH7QA,mDOAE,yDJgRF,CHhRA,iEOAE,gEJmRF,CHnRA,iEOAE,gEJsRF,CHtRA,mDOAE,yDJyRF,CHzRA,mDOAE,yDJ4RF,CH5RA,2DOAE,6DJ+RF,CH/RA,2DOAE,6DJkSF,CHlSA,mDOAE,yDJqSF,CHrSA,mDOAE,yDJwSF,CHxSA,+DOAE,+DJ2SF,CH3SA,+DOAE,+DJ8SF,CH9SA,iEOAE,gEJiTF,CHjTA,iEOAE,gEJoTF,CHpTA,2DOAE,6DJuTF,CHvTA,2DOAE,6DJ0TF,CH1TA,iEOAE,gEJ6TF,CH7TA,iEOAE,gEJgUF,CHhUA,qDOAE,0DJmUF,CHnUA,qDOAE,0DJsUF,CHtUA,yDOAE,4DJyUF,CHzUA,yDOAE,4DJ4UF,CH5UA,yDOAE,4DJ+UF,CH/UA,yDOAE,4DJkVF,CHlVA,yDOAE,4DJqVF,CHrVA,yDOAE,4DJwVF,CHxVA,uDOAE,2DJ2VF,CH3VA,uDOAE,2DJ8VF,CH9VA,mEOAE,iEJiWF,CHjWA,mEOAE,iEJoWF,CHpWA,uDOAE,2DJuWF,CHvWA,uDOAE,2DJ0WF,CH1WA,iDOAE,wDJ6WF,CH7WA,iDOAE,wDJgXF,CHhXA,qDOAE,0DJmXF,CHnXA,qDOAE,0DJsXF,CHtXA,wBOAE,yDJ2XF,CH3XA,wBOAE,yDJ8XF,CAPF","file":"icons-design.min.css","sourcesContent":[null,"////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n\n@mixin mask-image-repeat($value) {\n -webkit-mask-repeat: $value;\n mask-repeat: $value;\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/preference';\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@mixin icon-forced-color($color: graytext, $adjust: false, $restrain: before after) {\n @include _pseudo($restrain) {\n @include preference.forced-colors {\n @if $adjust == true {\n forced-color-adjust: none;\n }\n background-color: $color;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\n }\n}\n","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ICON DESIGN\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n.fr-icon-ball-pen-fill::before, .fr-icon-ball-pen-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/ball-pen-fill.svg\");\n mask-image: url(\"../../../icons/design/ball-pen-fill.svg\");\n}\n\n.fr-icon-ball-pen-line::before, .fr-icon-ball-pen-line::after {\n -webkit-mask-image: url(\"../../../icons/design/ball-pen-line.svg\");\n mask-image: url(\"../../../icons/design/ball-pen-line.svg\");\n}\n\n.fr-icon-brush-3-fill::before, .fr-icon-brush-3-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/brush-3-fill.svg\");\n mask-image: url(\"../../../icons/design/brush-3-fill.svg\");\n}\n\n.fr-icon-brush-3-line::before, .fr-icon-brush-3-line::after {\n -webkit-mask-image: url(\"../../../icons/design/brush-3-line.svg\");\n mask-image: url(\"../../../icons/design/brush-3-line.svg\");\n}\n\n.fr-icon-brush-fill::before, .fr-icon-brush-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/brush-fill.svg\");\n mask-image: url(\"../../../icons/design/brush-fill.svg\");\n}\n\n.fr-icon-brush-line::before, .fr-icon-brush-line::after {\n -webkit-mask-image: url(\"../../../icons/design/brush-line.svg\");\n mask-image: url(\"../../../icons/design/brush-line.svg\");\n}\n\n.fr-icon-contrast-fill::before, .fr-icon-contrast-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/contrast-fill.svg\");\n mask-image: url(\"../../../icons/design/contrast-fill.svg\");\n}\n\n.fr-icon-contrast-line::before, .fr-icon-contrast-line::after {\n -webkit-mask-image: url(\"../../../icons/design/contrast-line.svg\");\n mask-image: url(\"../../../icons/design/contrast-line.svg\");\n}\n\n.fr-icon-crop-fill::before, .fr-icon-crop-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/crop-fill.svg\");\n mask-image: url(\"../../../icons/design/crop-fill.svg\");\n}\n\n.fr-icon-crop-line::before, .fr-icon-crop-line::after {\n -webkit-mask-image: url(\"../../../icons/design/crop-line.svg\");\n mask-image: url(\"../../../icons/design/crop-line.svg\");\n}\n\n.fr-icon-drag-move-2-fill::before, .fr-icon-drag-move-2-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/drag-move-2-fill.svg\");\n mask-image: url(\"../../../icons/design/drag-move-2-fill.svg\");\n}\n\n.fr-icon-drag-move-2-line::before, .fr-icon-drag-move-2-line::after {\n -webkit-mask-image: url(\"../../../icons/design/drag-move-2-line.svg\");\n mask-image: url(\"../../../icons/design/drag-move-2-line.svg\");\n}\n\n.fr-icon-drop-fill::before, .fr-icon-drop-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/drop-fill.svg\");\n mask-image: url(\"../../../icons/design/drop-fill.svg\");\n}\n\n.fr-icon-drop-line::before, .fr-icon-drop-line::after {\n -webkit-mask-image: url(\"../../../icons/design/drop-line.svg\");\n mask-image: url(\"../../../icons/design/drop-line.svg\");\n}\n\n.fr-icon-edit-box-fill::before, .fr-icon-edit-box-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/edit-box-fill.svg\");\n mask-image: url(\"../../../icons/design/edit-box-fill.svg\");\n}\n\n.fr-icon-edit-box-line::before, .fr-icon-edit-box-line::after {\n -webkit-mask-image: url(\"../../../icons/design/edit-box-line.svg\");\n mask-image: url(\"../../../icons/design/edit-box-line.svg\");\n}\n\n.fr-icon-edit-fill::before, .fr-icon-edit-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/edit-fill.svg\");\n mask-image: url(\"../../../icons/design/edit-fill.svg\");\n}\n\n.fr-icon-edit-line::before, .fr-icon-edit-line::after {\n -webkit-mask-image: url(\"../../../icons/design/edit-line.svg\");\n mask-image: url(\"../../../icons/design/edit-line.svg\");\n}\n\n.fr-icon-ink-bottle-fill::before, .fr-icon-ink-bottle-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/ink-bottle-fill.svg\");\n mask-image: url(\"../../../icons/design/ink-bottle-fill.svg\");\n}\n\n.fr-icon-ink-bottle-line::before, .fr-icon-ink-bottle-line::after {\n -webkit-mask-image: url(\"../../../icons/design/ink-bottle-line.svg\");\n mask-image: url(\"../../../icons/design/ink-bottle-line.svg\");\n}\n\n.fr-icon-layout-grid-fill::before, .fr-icon-layout-grid-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/layout-grid-fill.svg\");\n mask-image: url(\"../../../icons/design/layout-grid-fill.svg\");\n}\n\n.fr-icon-layout-grid-line::before, .fr-icon-layout-grid-line::after {\n -webkit-mask-image: url(\"../../../icons/design/layout-grid-line.svg\");\n mask-image: url(\"../../../icons/design/layout-grid-line.svg\");\n}\n\n.fr-icon-mark-pen-fill::before, .fr-icon-mark-pen-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/mark-pen-fill.svg\");\n mask-image: url(\"../../../icons/design/mark-pen-fill.svg\");\n}\n\n.fr-icon-mark-pen-line::before, .fr-icon-mark-pen-line::after {\n -webkit-mask-image: url(\"../../../icons/design/mark-pen-line.svg\");\n mask-image: url(\"../../../icons/design/mark-pen-line.svg\");\n}\n\n.fr-icon-paint-brush-fill::before, .fr-icon-paint-brush-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/paint-brush-fill.svg\");\n mask-image: url(\"../../../icons/design/paint-brush-fill.svg\");\n}\n\n.fr-icon-paint-brush-line::before, .fr-icon-paint-brush-line::after {\n -webkit-mask-image: url(\"../../../icons/design/paint-brush-line.svg\");\n mask-image: url(\"../../../icons/design/paint-brush-line.svg\");\n}\n\n.fr-icon-paint-fill::before, .fr-icon-paint-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/paint-fill.svg\");\n mask-image: url(\"../../../icons/design/paint-fill.svg\");\n}\n\n.fr-icon-paint-line::before, .fr-icon-paint-line::after {\n -webkit-mask-image: url(\"../../../icons/design/paint-line.svg\");\n mask-image: url(\"../../../icons/design/paint-line.svg\");\n}\n\n.fr-icon-palette-fill::before, .fr-icon-palette-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/palette-fill.svg\");\n mask-image: url(\"../../../icons/design/palette-fill.svg\");\n}\n\n.fr-icon-palette-line::before, .fr-icon-palette-line::after {\n -webkit-mask-image: url(\"../../../icons/design/palette-line.svg\");\n mask-image: url(\"../../../icons/design/palette-line.svg\");\n}\n\n.fr-icon-pantone-fill::before, .fr-icon-pantone-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/pantone-fill.svg\");\n mask-image: url(\"../../../icons/design/pantone-fill.svg\");\n}\n\n.fr-icon-pantone-line::before, .fr-icon-pantone-line::after {\n -webkit-mask-image: url(\"../../../icons/design/pantone-line.svg\");\n mask-image: url(\"../../../icons/design/pantone-line.svg\");\n}\n\n.fr-icon-pen-nib-fill::before, .fr-icon-pen-nib-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/pen-nib-fill.svg\");\n mask-image: url(\"../../../icons/design/pen-nib-fill.svg\");\n}\n\n.fr-icon-pen-nib-line::before, .fr-icon-pen-nib-line::after {\n -webkit-mask-image: url(\"../../../icons/design/pen-nib-line.svg\");\n mask-image: url(\"../../../icons/design/pen-nib-line.svg\");\n}\n\n.fr-icon-pencil-fill::before, .fr-icon-pencil-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/pencil-fill.svg\");\n mask-image: url(\"../../../icons/design/pencil-fill.svg\");\n}\n\n.fr-icon-pencil-line::before, .fr-icon-pencil-line::after {\n -webkit-mask-image: url(\"../../../icons/design/pencil-line.svg\");\n mask-image: url(\"../../../icons/design/pencil-line.svg\");\n}\n\n.fr-icon-pencil-ruler-fill::before, .fr-icon-pencil-ruler-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/pencil-ruler-fill.svg\");\n mask-image: url(\"../../../icons/design/pencil-ruler-fill.svg\");\n}\n\n.fr-icon-pencil-ruler-line::before, .fr-icon-pencil-ruler-line::after {\n -webkit-mask-image: url(\"../../../icons/design/pencil-ruler-line.svg\");\n mask-image: url(\"../../../icons/design/pencil-ruler-line.svg\");\n}\n\n.fr-icon-shapes-fill::before, .fr-icon-shapes-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/shapes-fill.svg\");\n mask-image: url(\"../../../icons/design/shapes-fill.svg\");\n}\n\n.fr-icon-shapes-line::before, .fr-icon-shapes-line::after {\n -webkit-mask-image: url(\"../../../icons/design/shapes-line.svg\");\n mask-image: url(\"../../../icons/design/shapes-line.svg\");\n}\n\n.fr-icon-sip-fill::before, .fr-icon-sip-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/sip-fill.svg\");\n mask-image: url(\"../../../icons/design/sip-fill.svg\");\n}\n\n.fr-icon-sip-line::before, .fr-icon-sip-line::after {\n -webkit-mask-image: url(\"../../../icons/design/sip-line.svg\");\n mask-image: url(\"../../../icons/design/sip-line.svg\");\n}\n\n.fr-icon-table-fill::before, .fr-icon-table-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/table-fill.svg\");\n mask-image: url(\"../../../icons/design/table-fill.svg\");\n}\n\n.fr-icon-table-line::before, .fr-icon-table-line::after {\n -webkit-mask-image: url(\"../../../icons/design/table-line.svg\");\n mask-image: url(\"../../../icons/design/table-line.svg\");\n}\n\n.fr-fi-edit-fill::before, .fr-fi-edit-fill::after {\n -webkit-mask-image: url(\"../../../icons/design/edit-fill.svg\");\n mask-image: url(\"../../../icons/design/edit-fill.svg\");\n}\n\n.fr-fi-edit-line::before, .fr-fi-edit-line::after {\n -webkit-mask-image: url(\"../../../icons/design/edit-line.svg\");\n mask-image: url(\"../../../icons/design/edit-line.svg\");\n}\n\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-icon-ball-pen-fill::before, .fr-icon-ball-pen-fill::after {\n background-image: url(\"../../../icons/design/ball-pen-fill.svg\");\n }\n .fr-icon-ball-pen-line::before, .fr-icon-ball-pen-line::after {\n background-image: url(\"../../../icons/design/ball-pen-line.svg\");\n }\n .fr-icon-brush-3-fill::before, .fr-icon-brush-3-fill::after {\n background-image: url(\"../../../icons/design/brush-3-fill.svg\");\n }\n .fr-icon-brush-3-line::before, .fr-icon-brush-3-line::after {\n background-image: url(\"../../../icons/design/brush-3-line.svg\");\n }\n .fr-icon-brush-fill::before, .fr-icon-brush-fill::after {\n background-image: url(\"../../../icons/design/brush-fill.svg\");\n }\n .fr-icon-brush-line::before, .fr-icon-brush-line::after {\n background-image: url(\"../../../icons/design/brush-line.svg\");\n }\n .fr-icon-contrast-fill::before, .fr-icon-contrast-fill::after {\n background-image: url(\"../../../icons/design/contrast-fill.svg\");\n }\n .fr-icon-contrast-line::before, .fr-icon-contrast-line::after {\n background-image: url(\"../../../icons/design/contrast-line.svg\");\n }\n .fr-icon-crop-fill::before, .fr-icon-crop-fill::after {\n background-image: url(\"../../../icons/design/crop-fill.svg\");\n }\n .fr-icon-crop-line::before, .fr-icon-crop-line::after {\n background-image: url(\"../../../icons/design/crop-line.svg\");\n }\n .fr-icon-drag-move-2-fill::before, .fr-icon-drag-move-2-fill::after {\n background-image: url(\"../../../icons/design/drag-move-2-fill.svg\");\n }\n .fr-icon-drag-move-2-line::before, .fr-icon-drag-move-2-line::after {\n background-image: url(\"../../../icons/design/drag-move-2-line.svg\");\n }\n .fr-icon-drop-fill::before, .fr-icon-drop-fill::after {\n background-image: url(\"../../../icons/design/drop-fill.svg\");\n }\n .fr-icon-drop-line::before, .fr-icon-drop-line::after {\n background-image: url(\"../../../icons/design/drop-line.svg\");\n }\n .fr-icon-edit-box-fill::before, .fr-icon-edit-box-fill::after {\n background-image: url(\"../../../icons/design/edit-box-fill.svg\");\n }\n .fr-icon-edit-box-line::before, .fr-icon-edit-box-line::after {\n background-image: url(\"../../../icons/design/edit-box-line.svg\");\n }\n .fr-icon-edit-fill::before, .fr-icon-edit-fill::after {\n background-image: url(\"../../../icons/design/edit-fill.svg\");\n }\n .fr-icon-edit-line::before, .fr-icon-edit-line::after {\n background-image: url(\"../../../icons/design/edit-line.svg\");\n }\n .fr-icon-ink-bottle-fill::before, .fr-icon-ink-bottle-fill::after {\n background-image: url(\"../../../icons/design/ink-bottle-fill.svg\");\n }\n .fr-icon-ink-bottle-line::before, .fr-icon-ink-bottle-line::after {\n background-image: url(\"../../../icons/design/ink-bottle-line.svg\");\n }\n .fr-icon-layout-grid-fill::before, .fr-icon-layout-grid-fill::after {\n background-image: url(\"../../../icons/design/layout-grid-fill.svg\");\n }\n .fr-icon-layout-grid-line::before, .fr-icon-layout-grid-line::after {\n background-image: url(\"../../../icons/design/layout-grid-line.svg\");\n }\n .fr-icon-mark-pen-fill::before, .fr-icon-mark-pen-fill::after {\n background-image: url(\"../../../icons/design/mark-pen-fill.svg\");\n }\n .fr-icon-mark-pen-line::before, .fr-icon-mark-pen-line::after {\n background-image: url(\"../../../icons/design/mark-pen-line.svg\");\n }\n .fr-icon-paint-brush-fill::before, .fr-icon-paint-brush-fill::after {\n background-image: url(\"../../../icons/design/paint-brush-fill.svg\");\n }\n .fr-icon-paint-brush-line::before, .fr-icon-paint-brush-line::after {\n background-image: url(\"../../../icons/design/paint-brush-line.svg\");\n }\n .fr-icon-paint-fill::before, .fr-icon-paint-fill::after {\n background-image: url(\"../../../icons/design/paint-fill.svg\");\n }\n .fr-icon-paint-line::before, .fr-icon-paint-line::after {\n background-image: url(\"../../../icons/design/paint-line.svg\");\n }\n .fr-icon-palette-fill::before, .fr-icon-palette-fill::after {\n background-image: url(\"../../../icons/design/palette-fill.svg\");\n }\n .fr-icon-palette-line::before, .fr-icon-palette-line::after {\n background-image: url(\"../../../icons/design/palette-line.svg\");\n }\n .fr-icon-pantone-fill::before, .fr-icon-pantone-fill::after {\n background-image: url(\"../../../icons/design/pantone-fill.svg\");\n }\n .fr-icon-pantone-line::before, .fr-icon-pantone-line::after {\n background-image: url(\"../../../icons/design/pantone-line.svg\");\n }\n .fr-icon-pen-nib-fill::before, .fr-icon-pen-nib-fill::after {\n background-image: url(\"../../../icons/design/pen-nib-fill.svg\");\n }\n .fr-icon-pen-nib-line::before, .fr-icon-pen-nib-line::after {\n background-image: url(\"../../../icons/design/pen-nib-line.svg\");\n }\n .fr-icon-pencil-fill::before, .fr-icon-pencil-fill::after {\n background-image: url(\"../../../icons/design/pencil-fill.svg\");\n }\n .fr-icon-pencil-line::before, .fr-icon-pencil-line::after {\n background-image: url(\"../../../icons/design/pencil-line.svg\");\n }\n .fr-icon-pencil-ruler-fill::before, .fr-icon-pencil-ruler-fill::after {\n background-image: url(\"../../../icons/design/pencil-ruler-fill.svg\");\n }\n .fr-icon-pencil-ruler-line::before, .fr-icon-pencil-ruler-line::after {\n background-image: url(\"../../../icons/design/pencil-ruler-line.svg\");\n }\n .fr-icon-shapes-fill::before, .fr-icon-shapes-fill::after {\n background-image: url(\"../../../icons/design/shapes-fill.svg\");\n }\n .fr-icon-shapes-line::before, .fr-icon-shapes-line::after {\n background-image: url(\"../../../icons/design/shapes-line.svg\");\n }\n .fr-icon-sip-fill::before, .fr-icon-sip-fill::after {\n background-image: url(\"../../../icons/design/sip-fill.svg\");\n }\n .fr-icon-sip-line::before, .fr-icon-sip-line::after {\n background-image: url(\"../../../icons/design/sip-line.svg\");\n }\n .fr-icon-table-fill::before, .fr-icon-table-fill::after {\n background-image: url(\"../../../icons/design/table-fill.svg\");\n }\n .fr-icon-table-line::before, .fr-icon-table-line::after {\n background-image: url(\"../../../icons/design/table-line.svg\");\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-fi-edit-fill::before {\n background-image: url(\"../../../icons/design/edit-fill.svg\");\n }\n .fr-fi-edit-line::before {\n background-image: url(\"../../../icons/design/edit-line.svg\");\n }\n}","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media screen and (min-width: 0\\0) and (min-resolution: +72dpi) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n"]}