200 lines
4.5 KiB
CSS
200 lines
4.5 KiB
CSS
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
|
|
)
|
|
;
|
|
}
|