@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 2.32 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/checkbox/print.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/component/checkbox/style/_print.scss","%3Cinput%20css%20g9KOoT%3E"],"names":[],"mappings":"AAAA;;GAAA,ACKA,aCWE,yDCNI,qBAAA,CAFA,2CAAA,CACA,iBCJJ,CFWA,iECAI,gCAAA,CACA,wBCRJ,CACF","file":"checkbox.print.min.css","sourcesContent":[null,"////\n/// Checkbox Print\n/// @group checkbox\n////\n\n@media print {\n @import 'index';\n @import 'style/print';\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/// Card Print\n/// @group card\n////\n\n#{ns(checkbox-group)} {\n input[type=checkbox] + #{ns(label)} {\n @include before {\n border: 1px solid var(--border-default-grey);\n border-radius: 4px;\n background-image: none;\n }\n }\n\n input[type=checkbox]:checked + #{ns(label)} {\n @include before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n }\n}\n","@media print {\n .fr-checkbox-group input[type=checkbox] + .fr-label::before {\n border: 1px solid var(--border-default-grey);\n border-radius: 4px;\n background-image: none;\n }\n .fr-checkbox-group input[type=checkbox]:checked + .fr-label::before {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}"]}