back to battles

Battle #138 — Lotus

646.85{225}·100% match
targetJUL 10
Lotus
approach
multi-element
border-radius
transform
margin positioning
css vars
view on cssbattle.dev
golf code — would get you fired in a real codebase{225} chars
solution.css
<p a><p a b><p><style>&{background:#926927}p{height:100;width:100;background:var(--b,#fff);margin:100 142-200;border-radius:2in 0;rotate:var(--r,-45deg)}[a]{translate:53q 5vw;--b:#6D480A;--r:}[b]{translate:-53q 5vw;--r:-90deg