<===> input.scss $x: 3; div { noo: not $x; poo: not 3; doo: not($x); goo: not(3); zoo: not 1 + 2; roo: not not not $x; hoo: not not not 3; } @mixin foo($x-1, $x-2) { goo: $x-1; poo: $x-2; } $hux: "blah.css"; span { a: rgba(100, 20, 0, 1); b: rgba(#abc, 1); c: compact(hello, my, false, name, is, false, aaron, false, false); d: join(1 2 3, 4 5 6, comma); e: join(a b c, d e f); f: change-color(#102030, $blue: 5); g: change-color(#102030, $red: 120, $blue: 5); h: hsl(25, 100%, 80%); h: change-color(#ffc499, $alpha: 0.8, $lightness: 40%); h: change-color(hsl(25, 100%, 80%), $alpha: 0.8, $lightness: 40%); i: hsla(25, 100%, 40%, 0.8); foo: url("http://blah/flah/grah"); foo: url(http://foo/bar/buzz.css); foo: url(hey#{1+3}ho.css); foo: url($hux); bug: compact(false 1 2 false 3 4 5 false); pug: compact(false, 1, 2, false, 3, 4, 5, false); mug: compact((flug, false, blug, false, krug, false)); } @mixin bg($file) { background: url($file) no-repeat; } div { flug: url(bug.mug); krug: nth(1 2 3, 2px); blug: nth(a b c d, 3); flig: comparable(34, 22px) comparable(1%, 3) comparable(2, 1) comparable(4cm, 1in); flug: comparable(1px, 2.3in) comparable(1%, 2pt); flib: comparable(3ex, 2px) comparable(3em, 2cm); glib: not(fudge) not(false) not(0) not(red); trib: if(red, yellow, not taken); trub: if(not(fudge), not taken, here we are); } $width: 10px; $height: 10px; @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { div { background-image: url(fudge); -webkit-background-size: $width $height; } } span { @media foo { div { blah: blah; } @media bar { p { blah: bloo; } } } } gudge { fudge: 20 + "%"; mudge: 1 + blang; } h1:lang(en) { foo: bar; } <===> output.css div { noo: false; poo: not 3; doo: false; goo: false; zoo: false2; roo: false; hoo: not not not 3; } span { a: #641400; b: #aabbcc; c: compact(hello, my, false, name, is, false, aaron, false, false); d: 1, 2, 3, 4, 5, 6; e: a b c d e f; f: #102005; g: #782005; h: #ffc499; h: rgba(204, 86, 0, 0.8); h: rgba(204, 85, 0, 0.8); i: rgba(204, 85, 0, 0.8); foo: url("http://blah/flah/grah"); foo: url(http://foo/bar/buzz.css); foo: url(hey4ho.css); foo: url("blah.css"); bug: compact(false 1 2 false 3 4 5 false); pug: compact(false, 1, 2, false, 3, 4, 5, false); mug: compact(flug, false, blug, false, krug, false); } div { flug: url(bug.mug); krug: 2; blug: c; flig: true true true true; flug: true false; flib: false false; glib: false true false false; trib: yellow; trub: here we are; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { div { background-image: url(fudge); -webkit-background-size: 10px 10px; } } @media foo { span div { blah: blah; } } gudge { fudge: "20%"; mudge: 1blang; } h1:lang(en) { foo: bar; } <===> output-dart-sass.css div { noo: false; poo: false; doo: false; goo: false; zoo: false2; roo: false; hoo: false; } span { a: #641400; b: #aabbcc; c: compact(hello, my, false, name, is, false, aaron, false, false); d: 1, 2, 3, 4, 5, 6; e: a b c d e f; f: #102005; g: #782005; h: #ffc499; h: rgba(204, 86, 0, 0.8); h: rgba(204, 85, 0, 0.8); i: rgba(204, 85, 0, 0.8); foo: url("http://blah/flah/grah"); foo: url(http://foo/bar/buzz.css); foo: url(hey4ho.css); foo: url("blah.css"); bug: compact(false 1 2 false 3 4 5 false); pug: compact(false, 1, 2, false, 3, 4, 5, false); mug: compact(flug, false, blug, false, krug, false); } div { flug: url(bug.mug); krug: 2; blug: c; flig: true true true true; flug: true false; flib: false false; glib: false true false false; trib: yellow; trub: here we are; } @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { div { background-image: url(fudge); -webkit-background-size: 10px 10px; } } @media foo { span div { blah: blah; } } gudge { fudge: "20%"; mudge: 1blang; } h1:lang(en) { foo: bar; }