.variables { width: 14cm; } .variables { height: 24px; color: #888; font-family: "Trebuchet MS", Verdana, sans-serif; quotes: "~" "~"; } .redef { zero: 0; } .redef .inition { three: 3; } .values { minus-one: -1; font-family: 'Trebuchet', 'Trebuchet', 'Trebuchet'; color: #888 !important; same-color: #888 !important; same-again: #888 !important; multi-important: #888 #888, 'Trebuchet' !important; multi: something 'A', B, C, 'Trebuchet'; } .variable-names .quoted { name: 'hello'; } .variable-names .unquoted { name: 'hello'; } .variable-names .color-keyword { name: 'hello'; } .alpha { filter: alpha(opacity=42); } .testPollution { a: 'no-pollution'; } .units { width: 1px; same-unit-as-previously: 1px; square-pixel-divided: 1px; odd-unit: 2; percentage: 500%; pixels: 500px; conversion-metric-a: 30mm; conversion-metric-b: 3cm; conversion-imperial: 3in; custom-unit: 420octocats; custom-unit-cancelling: 18dogs; mix-units: 2px; invalid-units: 1px; } .units .fallback { div-px-1: 10px; div-px-2: 1px; sub-px-1: 12.6px; sub-cm-1: 9.666625cm; mul-px-1: 19.6px; mul-em-1: 19.6em; mul-em-2: 196em; mul-cm-1: 196cm; add-px-1: 15.4px; add-px-2: 393.35275591px; mul-px-2: 140px; mul-px-3: 140px; }