prettier/tests/css_parens/__snapshots__/jsfmt.spec.js.snap

311 lines
7.6 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`parens.css 1`] = `
a {
prop1: func(1px,1px,1px,func(1px,1px,1px,func(1px,1px,1px)));
prop2: func( 1px ,1px ,1px ,func( 1px ,1px ,1px ,func( 1px ,1px ,1px ) ) );
prop3: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop4: func( 1px , 1px , 1px , func( 1px , 1px , 1px , func( 1px , 1px , 1px ) ) );
prop5: func( 1px , 1px , 1px , func( 1px , 1px , 1px , func( 1px , 1px , 1px ) ) );
prop6: func(
1px
,
1px
,
1px
,
func(
1px
,
1px
,
1px
,
func(
1px
,
1px
,
1px
)
)
);
prop7:
func(
1px
,
1px
,
1px
,
func(
1px
,
1px
,
1px
,
func(
1px
,
1px
,
1px
)
)
);
prop8: very-very-very-very-very-very-vey-very-very-long-func(1px,1px,1px,very-very-very-very-very-very-vey-very-very-long-func(1px,1px,1px,very-very-very-very-very-very-vey-very-very-long-func(1px,1px,1px)));
prop9: very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px , very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px , very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px ) ) );
prop10:
very-very-very-very-very-very-vey-very-very-long-func(
1px
,
1px
,
1px
,
very-very-very-very-very-very-vey-very-very-long-func(
1px
,
1px
,
1px,
very-very-very-very-very-very-vey-very-very-long-func(
1px
,
1px
,
1px
)
)
);
prop11: very-very-very-very-very-very-vey-very-very-long-func(
1px
,
1px
,
1px
,
very-very-very-very-very-very-vey-very-very-long-func(
1px
,
1px
,
1px,
very-very-very-very-very-very-vey-very-very-long-func(
1px
,
1px
,
1px
)
)
);
}
a {
box-shadow: inset 0 $size $size (-$size) black;
width: calc(100% - (#{var(--g-spacing)} - #{$iframe-x-padding}) * 2);
padding-right: (100% * $info-width / (1 - $image-width));
padding-bottom:
(
100% *
$image-height / ($image-width-responsive + $image-margin-responsive * 2)
);
}
.foo {
--paddingC: calc( var( --widthB ) / 2 );
content: attr( data-title );
color: var( --main-bg-color );
background-color: rgb( 255, 0, 0 );
background: element( #css-source );
width: calc( 100% - ( #{var(--g-spacing)} - #{$iframe-x-padding} ) * 2 );
padding-bottom:
(
100% *
$image-height / ( $image-width-responsive + $image-margin-responsive * 2 )
);
padding-top: var( --paddingC );
}
.bar {
prop1: attr(data-foo);
prop2: attr( data-foo );
prop3: attr( data-foo );
prop4: attr(
data-foo
);
prop5: attr(
data-foo
);
prop6:
attr(data-foo);
prop7:
attr(
data-foo
);
prop8:
attr(
data-foo
)
;
prop9:"("attr(title)")";
prop10: "(" attr( title ) ")";
prop11: "(" attr( title ) ")";
prop12: "("
attr(title)
")";
prop13:
"("
attr(title)
")";
prop14:
"("
attr(
title
)
")";
prop15:
"("
attr(
title
)
")"
;
prop16: attr(length em);
prop17: attr(length em);
prop18: attr(length em);
prop19: attr(
length
em
);
prop20:attr(data-size em,20);
prop21: attr( data-size em , 20 );
prop22: attr( data-size em , 20 );
prop23: attr(
data-size em,
20
);
prop24:
attr(
data-size em,
20
);
prop25:
attr(
data-size
em,
20
)
;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
a {
prop1: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop2: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop3: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop4: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop5: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop6: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop7: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px)));
prop8: very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(1px, 1px, 1px)
)
);
prop9: very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(1px, 1px, 1px)
)
);
prop10: very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(1px, 1px, 1px)
)
);
prop11: very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(
1px,
1px,
1px,
very-very-very-very-very-very-vey-very-very-long-func(1px, 1px, 1px)
)
);
}
a {
box-shadow: inset 0 $size $size (-$size) black;
width: calc(100% - (#{var(--g-spacing)} - #{$iframe-x-padding}) * 2);
padding-right: (100% * $info-width / (1 - $image-width));
padding-bottom: (
100% * $image-height /
($image-width-responsive + $image-margin-responsive * 2)
);
}
.foo {
--paddingC: calc(var(--widthB) / 2);
content: attr(data-title);
color: var(--main-bg-color);
background-color: rgb(255, 0, 0);
background: element(#css-source);
width: calc(100% - (#{var(--g-spacing)} - #{$iframe-x-padding}) * 2);
padding-bottom: (
100% * $image-height /
($image-width-responsive + $image-margin-responsive * 2)
);
padding-top: var(--paddingC);
}
.bar {
prop1: attr(data-foo);
prop2: attr(data-foo);
prop3: attr(data-foo);
prop4: attr(data-foo);
prop5: attr(data-foo);
prop6: attr(data-foo);
prop7: attr(data-foo);
prop8: attr(data-foo);
prop9: "(" attr(title) ")";
prop10: "(" attr(title) ")";
prop11: "(" attr(title) ")";
prop12: "(" attr(title) ")";
prop13: "(" attr(title) ")";
prop14: "(" attr(title) ")";
prop15: "(" attr(title) ")";
prop16: attr(length em);
prop17: attr(length em);
prop18: attr(length em);
prop19: attr(length em);
prop20: attr(data-size em, 20);
prop21: attr(data-size em, 20);
prop22: attr(data-size em, 20);
prop23: attr(data-size em, 20);
prop24: attr(data-size em, 20);
prop25: attr(data-size em, 20);
}
`;