2017-05-29 22:41:04 +03:00
|
|
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
|
2018-01-23 18:34:36 +03:00
|
|
|
exports[`parens.css 1`] = `
|
2018-01-24 16:06:05 +03:00
|
|
|
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
|
|
|
|
)
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2017-05-29 22:41:04 +03:00
|
|
|
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)
|
|
|
|
);
|
|
|
|
}
|
2018-01-23 18:34:36 +03:00
|
|
|
|
|
|
|
.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 );
|
|
|
|
}
|
2018-01-30 14:06:52 +03:00
|
|
|
|
|
|
|
.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
|
|
|
|
)
|
|
|
|
;
|
|
|
|
}
|
2017-05-29 22:41:04 +03:00
|
|
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
2018-01-24 16:06:05 +03:00
|
|
|
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)
|
|
|
|
)
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2017-05-29 22:41:04 +03:00
|
|
|
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: (
|
2018-02-09 15:28:55 +03:00
|
|
|
100% * $image-height /
|
|
|
|
($image-width-responsive + $image-margin-responsive * 2)
|
2017-05-29 22:41:04 +03:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2018-01-23 18:34:36 +03:00
|
|
|
.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: (
|
2018-02-09 15:28:55 +03:00
|
|
|
100% * $image-height /
|
|
|
|
($image-width-responsive + $image-margin-responsive * 2)
|
2018-01-23 18:34:36 +03:00
|
|
|
);
|
|
|
|
padding-top: var(--paddingC);
|
|
|
|
}
|
|
|
|
|
2018-01-30 14:06:52 +03:00
|
|
|
.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);
|
2018-02-09 15:28:55 +03:00
|
|
|
prop9: "(" attr(title) ")";
|
2018-01-30 14:06:52 +03:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
2017-05-29 22:41:04 +03:00
|
|
|
`;
|