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 ) ; }