{ foo: { animationName: "$spin", animationDuration: "2s", "& div, pre": { color: "white", "& td, tr": { color: "gray", } }, "@media (hover: hover)": { "&:hover": { backgroundColor: "red" } } }, bar: { userSelect: "none", "&$foo": { top: 2 } }, rab: { composes: "$bar", left: 0, "& div:first-child": { left: 2, "$bar &": { left: 100 } } }, $car: { display: "none" }, "@media screen": { bar: { width: "100%" } }, "@keyframes spin": { from: { transform: "rotate(0deg)" }, to: { transform: "rotate(360deg)" } }, "@font-face": { fontFamily: "font", src: "url('font.woff2') format('woff2')" }, "@global": { body: { width: 100 } } }

Loading...