UNPKG

@codegouvfr/react-dsfr

Version:

French State Design System React integration library

1 lines 16.5 kB
{"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%20XIqmIz%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,CCLR,CFaI;ECRI,cAAA,CCFR,CFUI;ECRI,cAAA,CCCR,CFOI;ECRI,cAAA,CCIR,CCFI,6DCOF,uDCAE,yDHDF,CECA,uDCAE,yDHEF,CEFA,mDCAE,uDHKF,CELA,mDCAE,uDHQF,CERA,yECAE,kEHWF,CEXA,yECAE,kEHcF,CEdA,yDCAE,0DHiBF,CEjBA,yDCAE,0DHoBF,CEpBA,iECAE,kEHuBF,CEvBA,iECAE,kEH0BF,CE1BA,uDCAE,6DH6BF,CE7BA,uDCAE,6DHgCF,CEhCA,uDCAE,yDHmCF,CEnCA,uDCAE,yDHsCF,CEtCA,uDCAE,yDHyCF,CEzCA,uDCAE,yDH4CF,CE5CA,+CCAE,qDH+CF,CE/CA,+CCAE,qDHkDF,CElDA,6DCAE,4DHqDF,CErDA,6DCAE,4DHwDF,CExDA,mECAE,+DH2DF,CE3DA,mECAE,+DH8DF,CE9DA,2DCAE,2DHiEF,CEjEA,2DCAE,2DHoEF,CEpEA,qDCAE,wDHuEF,CEvEA,qDCAE,wDH0EF,CE1EA,6DCAE,4DH6EF,CE7EA,6DCAE,4DHgFF,CEhFA,uDCAE,yDHmFF,CEnFA,uDCAE,yDHsFF,CEtFA,qDCAE,wDHyFF,CEzFA,qDCAE,wDH4FF,CE5FA,2DCAE,2DH+FF,CE/FA,2DCAE,2DHkGF,CElGA,2DCAE,2DHqGF,CErGA,2DCAE,2DHwGF,CExGA,yDCAE,0DH2GF,CE3GA,yDCAE,0DH8GF,CE9GA,uDCAE,yDHiHF,CEjHA,uDCAE,yDHoHF,CEpHA,yDCAE,0DHuHF,CEvHA,yDCAE,0DH0HF,CE1HA,6DCAE,4DH6HF,CE7HA,6DCAE,4DHgIF,CEhIA,qDCAE,wDHmIF,CEnIA,qDCAE,wDHsIF,CEtIA,qDCAE,wDHyIF,CEzIA,qDCAE,wDH4IF,CE5IA,2DCAE,2DH+IF,CE/IA,2DCAE,2DHkJF,CElJA,yDCAE,0DHqJF,CErJA,yDCAE,0DHwJF,CExJA,mCCAE,kEH6JF,CE7JA,mCCAE,kEHgKF,CEhKA,+BCAE,kEHmKF,CEnKA,+BCAE,kEHsKF,CEtKA,0BCAE,yDHyKF,CEzKA,0BCAE,yDH4KF,CE5KA,6BCAE,4DH+KF,CE/KA,6BCAE,4DHkLF,CElLA,gCCAE,+DHqLF,CErLA,gCCAE,+DHwLF,CExLA,yBCAE,wDH2LF,CE3LA,yBCAE,wDH8LF,CE9LA,6BCAE,4DHiMF,CEjMA,6BCAE,4DHoMF,CEpMA,yBCAE,wDHuMF,CEvMA,yBCAE,wDH0MF,CE1MA,4BCAE,2DH6MF,CE7MA,4BCAE,2DHgNF,CEhNA,4BCAE,2DHmNF,CEnNA,4BCAE,2DHsNF,CEtNA,0BCAE,yDHyNF,CEzNA,0BCAE,yDH4NF,CE5NA,2BCAE,0DH+NF,CE/NA,2BCAE,0DHkOF,CElOA,yBCAE,wDHqOF,CErOA,yBCAE,wDHwOF,CExOA,2BCAE,0DH2OF,CE3OA,2BCAE,0DH8OF,CArFF","file":"icons-logo.legacy.min.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-chrome-fill::before, .fr-icon-chrome-fill::after {\n background-image: url(\"../../../icons/logo/chrome-fill.svg\");\n }\n .fr-icon-chrome-line::before, .fr-icon-chrome-line::after {\n background-image: url(\"../../../icons/logo/chrome-line.svg\");\n }\n .fr-icon-edge-fill::before, .fr-icon-edge-fill::after {\n background-image: url(\"../../../icons/logo/edge-fill.svg\");\n }\n .fr-icon-edge-line::before, .fr-icon-edge-line::after {\n background-image: url(\"../../../icons/logo/edge-line.svg\");\n }\n .fr-icon-facebook-circle-fill::before, .fr-icon-facebook-circle-fill::after {\n background-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n }\n .fr-icon-facebook-circle-line::before, .fr-icon-facebook-circle-line::after {\n background-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n }\n .fr-icon-firefox-fill::before, .fr-icon-firefox-fill::after {\n background-image: url(\"../../../icons/logo/firefox-fill.svg\");\n }\n .fr-icon-firefox-line::before, .fr-icon-firefox-line::after {\n background-image: url(\"../../../icons/logo/firefox-line.svg\");\n }\n .fr-icon-dailymotion-fill::before, .fr-icon-dailymotion-fill::after {\n background-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n }\n .fr-icon-dailymotion-line::before, .fr-icon-dailymotion-line::after {\n background-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n }\n .fr-icon-tiktok-fill::before, .fr-icon-tiktok-fill::after {\n background-image: url(\"../../../icons/logo/fr--tiktok-fill.svg\");\n }\n .fr-icon-tiktok-line::before, .fr-icon-tiktok-line::after {\n background-image: url(\"../../../icons/logo/fr--tiktok-line.svg\");\n }\n .fr-icon-github-fill::before, .fr-icon-github-fill::after {\n background-image: url(\"../../../icons/logo/github-fill.svg\");\n }\n .fr-icon-github-line::before, .fr-icon-github-line::after {\n background-image: url(\"../../../icons/logo/github-line.svg\");\n }\n .fr-icon-google-fill::before, .fr-icon-google-fill::after {\n background-image: url(\"../../../icons/logo/google-fill.svg\");\n }\n .fr-icon-google-line::before, .fr-icon-google-line::after {\n background-image: url(\"../../../icons/logo/google-line.svg\");\n }\n .fr-icon-ie-fill::before, .fr-icon-ie-fill::after {\n background-image: url(\"../../../icons/logo/ie-fill.svg\");\n }\n .fr-icon-ie-line::before, .fr-icon-ie-line::after {\n background-image: url(\"../../../icons/logo/ie-line.svg\");\n }\n .fr-icon-instagram-fill::before, .fr-icon-instagram-fill::after {\n background-image: url(\"../../../icons/logo/instagram-fill.svg\");\n }\n .fr-icon-instagram-line::before, .fr-icon-instagram-line::after {\n background-image: url(\"../../../icons/logo/instagram-line.svg\");\n }\n .fr-icon-linkedin-box-fill::before, .fr-icon-linkedin-box-fill::after {\n background-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n }\n .fr-icon-linkedin-box-line::before, .fr-icon-linkedin-box-line::after {\n background-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n }\n .fr-icon-mastodon-fill::before, .fr-icon-mastodon-fill::after {\n background-image: url(\"../../../icons/logo/mastodon-fill.svg\");\n }\n .fr-icon-mastodon-line::before, .fr-icon-mastodon-line::after {\n background-image: url(\"../../../icons/logo/mastodon-line.svg\");\n }\n .fr-icon-npmjs-fill::before, .fr-icon-npmjs-fill::after {\n background-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n }\n .fr-icon-npmjs-line::before, .fr-icon-npmjs-line::after {\n background-image: url(\"../../../icons/logo/npmjs-line.svg\");\n }\n .fr-icon-remixicon-fill::before, .fr-icon-remixicon-fill::after {\n background-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n }\n .fr-icon-remixicon-line::before, .fr-icon-remixicon-line::after {\n background-image: url(\"../../../icons/logo/remixicon-line.svg\");\n }\n .fr-icon-safari-fill::before, .fr-icon-safari-fill::after {\n background-image: url(\"../../../icons/logo/safari-fill.svg\");\n }\n .fr-icon-safari-line::before, .fr-icon-safari-line::after {\n background-image: url(\"../../../icons/logo/safari-line.svg\");\n }\n .fr-icon-slack-fill::before, .fr-icon-slack-fill::after {\n background-image: url(\"../../../icons/logo/slack-fill.svg\");\n }\n .fr-icon-slack-line::before, .fr-icon-slack-line::after {\n background-image: url(\"../../../icons/logo/slack-line.svg\");\n }\n .fr-icon-snapchat-fill::before, .fr-icon-snapchat-fill::after {\n background-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n }\n .fr-icon-snapchat-line::before, .fr-icon-snapchat-line::after {\n background-image: url(\"../../../icons/logo/snapchat-line.svg\");\n }\n .fr-icon-telegram-fill::before, .fr-icon-telegram-fill::after {\n background-image: url(\"../../../icons/logo/telegram-fill.svg\");\n }\n .fr-icon-telegram-line::before, .fr-icon-telegram-line::after {\n background-image: url(\"../../../icons/logo/telegram-line.svg\");\n }\n .fr-icon-threads-fill::before, .fr-icon-threads-fill::after {\n background-image: url(\"../../../icons/logo/threads-fill.svg\");\n }\n .fr-icon-threads-line::before, .fr-icon-threads-line::after {\n background-image: url(\"../../../icons/logo/threads-line.svg\");\n }\n .fr-icon-twitch-fill::before, .fr-icon-twitch-fill::after {\n background-image: url(\"../../../icons/logo/twitch-fill.svg\");\n }\n .fr-icon-twitch-line::before, .fr-icon-twitch-line::after {\n background-image: url(\"../../../icons/logo/twitch-line.svg\");\n }\n .fr-icon-twitter-fill::before, .fr-icon-twitter-fill::after {\n background-image: url(\"../../../icons/logo/twitter-fill.svg\");\n }\n .fr-icon-twitter-line::before, .fr-icon-twitter-line::after {\n background-image: url(\"../../../icons/logo/twitter-line.svg\");\n }\n .fr-icon-twitter-x-fill::before, .fr-icon-twitter-x-fill::after {\n background-image: url(\"../../../icons/logo/twitter-x-fill.svg\");\n }\n .fr-icon-twitter-x-line::before, .fr-icon-twitter-x-line::after {\n background-image: url(\"../../../icons/logo/twitter-x-line.svg\");\n }\n .fr-icon-vimeo-fill::before, .fr-icon-vimeo-fill::after {\n background-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n }\n .fr-icon-vimeo-line::before, .fr-icon-vimeo-line::after {\n background-image: url(\"../../../icons/logo/vimeo-line.svg\");\n }\n .fr-icon-vuejs-fill::before, .fr-icon-vuejs-fill::after {\n background-image: url(\"../../../icons/logo/vuejs-fill.svg\");\n }\n .fr-icon-vuejs-line::before, .fr-icon-vuejs-line::after {\n background-image: url(\"../../../icons/logo/vuejs-line.svg\");\n }\n .fr-icon-whatsapp-fill::before, .fr-icon-whatsapp-fill::after {\n background-image: url(\"../../../icons/logo/whatsapp-fill.svg\");\n }\n .fr-icon-whatsapp-line::before, .fr-icon-whatsapp-line::after {\n background-image: url(\"../../../icons/logo/whatsapp-line.svg\");\n }\n .fr-icon-youtube-fill::before, .fr-icon-youtube-fill::after {\n background-image: url(\"../../../icons/logo/youtube-fill.svg\");\n }\n .fr-icon-youtube-line::before, .fr-icon-youtube-line::after {\n background-image: url(\"../../../icons/logo/youtube-line.svg\");\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-fi-facebook-circle-fill::before {\n background-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n }\n .fr-fi-facebook-circle-line::before {\n background-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n }\n .fr-fi-dailymotion-fill::before {\n background-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n }\n .fr-fi-dailymotion-line::before {\n background-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n }\n .fr-fi-github-fill::before {\n background-image: url(\"../../../icons/logo/github-fill.svg\");\n }\n .fr-fi-github-line::before {\n background-image: url(\"../../../icons/logo/github-line.svg\");\n }\n .fr-fi-instagram-fill::before {\n background-image: url(\"../../../icons/logo/instagram-fill.svg\");\n }\n .fr-fi-instagram-line::before {\n background-image: url(\"../../../icons/logo/instagram-line.svg\");\n }\n .fr-fi-linkedin-box-fill::before {\n background-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n }\n .fr-fi-linkedin-box-line::before {\n background-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n }\n .fr-fi-npmjs-fill::before {\n background-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n }\n .fr-fi-npmjs-line::before {\n background-image: url(\"../../../icons/logo/npmjs-line.svg\");\n }\n .fr-fi-remixicon-fill::before {\n background-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n }\n .fr-fi-remixicon-line::before {\n background-image: url(\"../../../icons/logo/remixicon-line.svg\");\n }\n .fr-fi-slack-fill::before {\n background-image: url(\"../../../icons/logo/slack-fill.svg\");\n }\n .fr-fi-slack-line::before {\n background-image: url(\"../../../icons/logo/slack-line.svg\");\n }\n .fr-fi-snapchat-fill::before {\n background-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n }\n .fr-fi-snapchat-line::before {\n background-image: url(\"../../../icons/logo/snapchat-line.svg\");\n }\n .fr-fi-telegram-fill::before {\n background-image: url(\"../../../icons/logo/telegram-fill.svg\");\n }\n .fr-fi-telegram-line::before {\n background-image: url(\"../../../icons/logo/telegram-line.svg\");\n }\n .fr-fi-twitch-fill::before {\n background-image: url(\"../../../icons/logo/twitch-fill.svg\");\n }\n .fr-fi-twitch-line::before {\n background-image: url(\"../../../icons/logo/twitch-line.svg\");\n }\n .fr-fi-twitter-fill::before {\n background-image: url(\"../../../icons/logo/twitter-fill.svg\");\n }\n .fr-fi-twitter-line::before {\n background-image: url(\"../../../icons/logo/twitter-line.svg\");\n }\n .fr-fi-vimeo-fill::before {\n background-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n }\n .fr-fi-vimeo-line::before {\n background-image: url(\"../../../icons/logo/vimeo-line.svg\");\n }\n .fr-fi-youtube-fill::before {\n background-image: url(\"../../../icons/logo/youtube-fill.svg\");\n }\n .fr-fi-youtube-line::before {\n background-image: url(\"../../../icons/logo/youtube-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"]}