@codegouvfr/react-dsfr/dsfr/utility/icons/icons-design/icons-design.legacy.css.map

French State Design System React integration library

{"version":3,"sources":["<no source>","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%20eozFCs%3E","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/icon/tool/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA;ACeI;ECRI,cAAA;ACLR;AFaI;ECRI,cAAA;ACFR;AFUI;ECRI,cAAA;ACCR;AFOI;ECRI,cAAA;ACIR;ACFI;ECOF;;ICAE,gEAFI;EHCN;;EECA;;ICAE,gEAFI;EHKN;;EEHA;;ICAE,+DAFI;EHSN;;EEPA;;ICAE,+DAFI;EHaN;;EEXA;;ICAE,6DAFI;EHiBN;;EEfA;;ICAE,6DAFI;EHqBN;;EEnBA;;ICAE,gEAFI;EHyBN;;EEvBA;;ICAE,gEAFI;EH6BN;;EE3BA;;ICAE,4DAFI;EHiCN;;EE/BA;;ICAE,4DAFI;EHqCN;;EEnCA;;ICAE,mEAFI;EHyCN;;EEvCA;;ICAE,mEAFI;EH6CN;;EE3CA;;ICAE,4DAFI;EHiDN;;EE/CA;;ICAE,4DAFI;EHqDN;;EEnDA;;ICAE,gEAFI;EHyDN;;EEvDA;;ICAE,gEAFI;EH6DN;;EE3DA;;ICAE,4DAFI;EHiEN;;EE/DA;;ICAE,4DAFI;EHqEN;;EEnEA;;ICAE,kEAFI;EHyEN;;EEvEA;;ICAE,kEAFI;EH6EN;;EE3EA;;ICAE,mEAFI;EHiFN;;EE/EA;;ICAE,mEAFI;EHqFN;;EEnFA;;ICAE,gEAFI;EHyFN;;EEvFA;;ICAE,gEAFI;EH6FN;;EE3FA;;ICAE,mEAFI;EHiGN;;EE/FA;;ICAE,mEAFI;EHqGN;;EEnGA;;ICAE,6DAFI;EHyGN;;EEvGA;;ICAE,6DAFI;EH6GN;;EE3GA;;ICAE,+DAFI;EHiHN;;EE/GA;;ICAE,+DAFI;EHqHN;;EEnHA;;ICAE,+DAFI;EHyHN;;EEvHA;;ICAE,+DAFI;EH6HN;;EE3HA;;ICAE,+DAFI;EHiIN;;EE/HA;;ICAE,+DAFI;EHqIN;;EEnIA;;ICAE,8DAFI;EHyIN;;EEvIA;;ICAE,8DAFI;EH6IN;;EE3IA;;ICAE,oEAFI;EHiJN;;EE/IA;;ICAE,oEAFI;EHqJN;;EEnJA;;ICAE,2DAFI;EHyJN;;EEvJA;;ICAE,2DAFI;EH6JN;;EE3JA;;ICAE,6DAFI;EHiKN;;EE/JA;;ICAE,6DAFI;EHqKN;;EEnKA;ICAE,4DAFI;EH0KN;;EExKA;ICAE,4DAFI;EH8KN;AARF","file":"icons-design.legacy.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n///   .foo {\n///     @include respond-from(md) {\n///     }\n///   }\n@mixin respond-from($media) {\n  $limits: map_get(breakpoints.$values, $media);\n\n  @if $limits != null {\n    @media (min-width: nth($limits, 1)) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n  @each $bp, $limits in breakpoints.$values {\n    @if $bp != xs {\n      @include media-query.respond-from($bp) {\n        /*! media #{$bp} */\n      }\n    }\n  }\n}\n","@media (min-width: 36em) {\n  /*! media sm */\n}\n@media (min-width: 48em) {\n  /*! media md */\n}\n@media (min-width: 62em) {\n  /*! media lg */\n}\n@media (min-width: 78em) {\n  /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  .fr-icon-ball-pen-fill::before, .fr-icon-ball-pen-fill::after {\n    background-image: url(\"../../../icons/design/ball-pen-fill.svg\");\n  }\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\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\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\n  .fr-icon-brush-fill::before, .fr-icon-brush-fill::after {\n    background-image: url(\"../../../icons/design/brush-fill.svg\");\n  }\n\n  .fr-icon-brush-line::before, .fr-icon-brush-line::after {\n    background-image: url(\"../../../icons/design/brush-line.svg\");\n  }\n\n  .fr-icon-contrast-fill::before, .fr-icon-contrast-fill::after {\n    background-image: url(\"../../../icons/design/contrast-fill.svg\");\n  }\n\n  .fr-icon-contrast-line::before, .fr-icon-contrast-line::after {\n    background-image: url(\"../../../icons/design/contrast-line.svg\");\n  }\n\n  .fr-icon-crop-fill::before, .fr-icon-crop-fill::after {\n    background-image: url(\"../../../icons/design/crop-fill.svg\");\n  }\n\n  .fr-icon-crop-line::before, .fr-icon-crop-line::after {\n    background-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    background-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    background-image: url(\"../../../icons/design/drag-move-2-line.svg\");\n  }\n\n  .fr-icon-drop-fill::before, .fr-icon-drop-fill::after {\n    background-image: url(\"../../../icons/design/drop-fill.svg\");\n  }\n\n  .fr-icon-drop-line::before, .fr-icon-drop-line::after {\n    background-image: url(\"../../../icons/design/drop-line.svg\");\n  }\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\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\n  .fr-icon-edit-fill::before, .fr-icon-edit-fill::after {\n    background-image: url(\"../../../icons/design/edit-fill.svg\");\n  }\n\n  .fr-icon-edit-line::before, .fr-icon-edit-line::after {\n    background-image: url(\"../../../icons/design/edit-line.svg\");\n  }\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\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\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\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\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\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\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\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\n  .fr-icon-paint-fill::before, .fr-icon-paint-fill::after {\n    background-image: url(\"../../../icons/design/paint-fill.svg\");\n  }\n\n  .fr-icon-paint-line::before, .fr-icon-paint-line::after {\n    background-image: url(\"../../../icons/design/paint-line.svg\");\n  }\n\n  .fr-icon-palette-fill::before, .fr-icon-palette-fill::after {\n    background-image: url(\"../../../icons/design/palette-fill.svg\");\n  }\n\n  .fr-icon-palette-line::before, .fr-icon-palette-line::after {\n    background-image: url(\"../../../icons/design/palette-line.svg\");\n  }\n\n  .fr-icon-pantone-fill::before, .fr-icon-pantone-fill::after {\n    background-image: url(\"../../../icons/design/pantone-fill.svg\");\n  }\n\n  .fr-icon-pantone-line::before, .fr-icon-pantone-line::after {\n    background-image: url(\"../../../icons/design/pantone-line.svg\");\n  }\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\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\n  .fr-icon-pencil-fill::before, .fr-icon-pencil-fill::after {\n    background-image: url(\"../../../icons/design/pencil-fill.svg\");\n  }\n\n  .fr-icon-pencil-line::before, .fr-icon-pencil-line::after {\n    background-image: url(\"../../../icons/design/pencil-line.svg\");\n  }\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\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\n  .fr-icon-sip-fill::before, .fr-icon-sip-fill::after {\n    background-image: url(\"../../../icons/design/sip-fill.svg\");\n  }\n\n  .fr-icon-sip-line::before, .fr-icon-sip-line::after {\n    background-image: url(\"../../../icons/design/sip-line.svg\");\n  }\n\n  .fr-icon-table-fill::before, .fr-icon-table-fill::after {\n    background-image: url(\"../../../icons/design/table-fill.svg\");\n  }\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 all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n  .fr-fi-edit-fill::before {\n    background-image: url(\"../../../icons/design/edit-fill.svg\");\n  }\n\n  .fr-fi-edit-line::before {\n    background-image: url(\"../../../icons/design/edit-line.svg\");\n  }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin is($target) {\n  @if $target == ie10 or $target == ie11 {\n    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n      @content;\n    }\n  }\n  @else {\n    @content;\n  }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n///   .foo {\n///     @include ie-hack() {\n///     }\n///   }\n@mixin is-not($target) {\n  @if $target == ie10 or $target == ie11 {\n    @supports not (-ms-high-contrast: none) {\n      @content;\n    }\n  }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n  @if $type != after and $type != before and $type != marker and $type != (before after) {\n    @error '$type must be before or after element';\n  }\n\n  $selector: ();\n\n  @each $pseudo in $type {\n    $selector: append($selector, '&::#{$pseudo}', 'comma');\n  }\n\n  #{$selector} {\n\n    @if $content != null {\n      content: $content;\n    }\n\n    @if $display != null {\n      display: #{$display};\n    }\n\n    @content;\n  }\n}\n\n@mixin before($content: null, $display: null) {\n  @include _pseudo(before, $content, $display) {\n    @content;\n  }\n}\n\n@mixin after($content: null, $display: null) {\n  @include _pseudo(after, $content, $display) {\n    @content;\n  }\n}\n\n@mixin marker($content: null, $display: null) {\n  @include _pseudo(marker, $content, $display) {\n    @content;\n  }\n}\n","////\n/// Core Tool : Icon legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n  @include _icon-pseudo($restrain) {\n    $size: icon-size($size);\n    @include size($size, $size);\n    @content;\n  }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n  $url: get-icon-url($icon, $important);\n  @include _icon-pseudo($restrain) {\n    background-image: $url;\n  }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n  @include _icon-pseudo($restrain) {\n    background-color: transparent;\n    background-size: 100%;\n    background-repeat: no-repeat;\n    @content;\n  }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n  @if $styling {\n    @include icon-style-legacy($restrain);\n  }\n\n  @if $icon != null {\n    @include icon-image-legacy($icon, $restrain);\n  }\n\n  @if $size != null {\n    @include icon-size-legacy($size, $restrain);\n  }\n\n  @include _icon-pseudo($restrain) {\n    @content;\n  }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n  @each $icon, $setting in $config {\n    #{ns(icon-#{$icon})} {\n      @include icon-image-legacy($icon);\n    }\n  }\n}\n"]}