@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 9.92 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","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","%3Cinput%20css%20v6rCh3%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_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,iEAFI;EHCN;;EECA;;ICAE,iEAFI;EHIN;;EEFA;;ICAE,6DAFI;EHON;;EELA;;ICAE,6DAFI;EHUN;;EERA;;ICAE,mEAFI;EHaN;;EEXA;;ICAE,mEAFI;EHgBN;;EEdA;;ICAE,8DAFI;EHmBN;;EEjBA;;ICAE,8DAFI;EHsBN;;EEpBA;;ICAE,uEAFI;EHyBN;;EEvBA;;ICAE,uEAFI;EH4BN;;EE1BA;;ICAE,sEAFI;EH+BN;;EE7BA;;ICAE,sEAFI;EHkCN;;EEhCA;;ICAE,6DAFI;EHqCN;;EEnCA;;ICAE,6DAFI;EHwCN;;EEtCA;;ICAE,8DAFI;EH2CN;;EEzCA;;ICAE,8DAFI;EH8CN;;EE5CA;;ICAE,oEAFI;EHiDN;;EE/CA;;ICAE,oEAFI;EHoDN;;EElDA;;ICAE,4DAFI;EHuDN;;EErDA;;ICAE,4DAFI;EH0DN;;EExDA;;ICAE,kEAFI;EH6DN;;EE3DA;;ICAE,kEAFI;EHgEN;;EE9DA;;ICAE,sEAFI;EHmEN;;EEjEA;;ICAE,sEAFI;EHsEN;;EEpEA;;ICAE,gEAFI;EHyEN;;EEvEA;;ICAE,gEAFI;EH4EN;;EE1EA;;ICAE,gEAFI;EH+EN;;EE7EA;;ICAE,gEAFI;EHkFN;;EEhFA;;ICAE,8DAFI;EHqFN;;EEnFA;;ICAE,8DAFI;EHwFN;;EEtFA;ICAE,mEAFI;EH6FN;;EE3FA;ICAE,mEAFI;EHgGN;AAPF","file":"icons-weather.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 screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-icon-cloudy-2-fill::before, .fr-icon-cloudy-2-fill::after {\n background-image: url(\"../../../icons/weather/cloudy-2-fill.svg\");\n }\n .fr-icon-cloudy-2-line::before, .fr-icon-cloudy-2-line::after {\n background-image: url(\"../../../icons/weather/cloudy-2-line.svg\");\n }\n .fr-icon-fire-fill::before, .fr-icon-fire-fill::after {\n background-image: url(\"../../../icons/weather/fire-fill.svg\");\n }\n .fr-icon-fire-line::before, .fr-icon-fire-line::after {\n background-image: url(\"../../../icons/weather/fire-line.svg\");\n }\n .fr-icon-flashlight-fill::before, .fr-icon-flashlight-fill::after {\n background-image: url(\"../../../icons/weather/flashlight-fill.svg\");\n }\n .fr-icon-flashlight-line::before, .fr-icon-flashlight-line::after {\n background-image: url(\"../../../icons/weather/flashlight-line.svg\");\n }\n .fr-icon-flood-fill::before, .fr-icon-flood-fill::after {\n background-image: url(\"../../../icons/weather/flood-fill.svg\");\n }\n .fr-icon-flood-line::before, .fr-icon-flood-line::after {\n background-image: url(\"../../../icons/weather/flood-line.svg\");\n }\n .fr-icon-avalanches-fill::before, .fr-icon-avalanches-fill::after {\n background-image: url(\"../../../icons/weather/fr--avalanches-fill.svg\");\n }\n .fr-icon-submersion-fill::before, .fr-icon-submersion-fill::after {\n background-image: url(\"../../../icons/weather/fr--submersion-fill.svg\");\n }\n .fr-icon-heavy-showers-fill::before, .fr-icon-heavy-showers-fill::after {\n background-image: url(\"../../../icons/weather/heavy-showers-fill.svg\");\n }\n .fr-icon-heavy-showers-line::before, .fr-icon-heavy-showers-line::after {\n background-image: url(\"../../../icons/weather/heavy-showers-line.svg\");\n }\n .fr-icon-moon-fill::before, .fr-icon-moon-fill::after {\n background-image: url(\"../../../icons/weather/moon-fill.svg\");\n }\n .fr-icon-moon-line::before, .fr-icon-moon-line::after {\n background-image: url(\"../../../icons/weather/moon-line.svg\");\n }\n .fr-icon-snowy-fill::before, .fr-icon-snowy-fill::after {\n background-image: url(\"../../../icons/weather/snowy-fill.svg\");\n }\n .fr-icon-snowy-line::before, .fr-icon-snowy-line::after {\n background-image: url(\"../../../icons/weather/snowy-line.svg\");\n }\n .fr-icon-sparkling-2-fill::before, .fr-icon-sparkling-2-fill::after {\n background-image: url(\"../../../icons/weather/sparkling-2-fill.svg\");\n }\n .fr-icon-sparkling-2-line::before, .fr-icon-sparkling-2-line::after {\n background-image: url(\"../../../icons/weather/sparkling-2-line.svg\");\n }\n .fr-icon-sun-fill::before, .fr-icon-sun-fill::after {\n background-image: url(\"../../../icons/weather/sun-fill.svg\");\n }\n .fr-icon-sun-line::before, .fr-icon-sun-line::after {\n background-image: url(\"../../../icons/weather/sun-line.svg\");\n }\n .fr-icon-temp-cold-fill::before, .fr-icon-temp-cold-fill::after {\n background-image: url(\"../../../icons/weather/temp-cold-fill.svg\");\n }\n .fr-icon-temp-cold-line::before, .fr-icon-temp-cold-line::after {\n background-image: url(\"../../../icons/weather/temp-cold-line.svg\");\n }\n .fr-icon-thunderstorms-fill::before, .fr-icon-thunderstorms-fill::after {\n background-image: url(\"../../../icons/weather/thunderstorms-fill.svg\");\n }\n .fr-icon-thunderstorms-line::before, .fr-icon-thunderstorms-line::after {\n background-image: url(\"../../../icons/weather/thunderstorms-line.svg\");\n }\n .fr-icon-tornado-fill::before, .fr-icon-tornado-fill::after {\n background-image: url(\"../../../icons/weather/tornado-fill.svg\");\n }\n .fr-icon-tornado-line::before, .fr-icon-tornado-line::after {\n background-image: url(\"../../../icons/weather/tornado-line.svg\");\n }\n .fr-icon-typhoon-fill::before, .fr-icon-typhoon-fill::after {\n background-image: url(\"../../../icons/weather/typhoon-fill.svg\");\n }\n .fr-icon-typhoon-line::before, .fr-icon-typhoon-line::after {\n background-image: url(\"../../../icons/weather/typhoon-line.svg\");\n }\n .fr-icon-windy-fill::before, .fr-icon-windy-fill::after {\n background-image: url(\"../../../icons/weather/windy-fill.svg\");\n }\n .fr-icon-windy-line::before, .fr-icon-windy-line::after {\n background-image: url(\"../../../icons/weather/windy-line.svg\");\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-fi-flashlight-fill::before {\n background-image: url(\"../../../icons/weather/flashlight-fill.svg\");\n }\n .fr-fi-flashlight-line::before {\n background-image: url(\"../../../icons/weather/flashlight-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 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 : 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"]}