Convert Sass to CSS

Sass is a popular language that compiles to CSS. Convert your *.sass and *.scss code directly in the browser.

Face with waiting expression Nothing to see yet!

Loading takeymakey...
TakeyMakey code
Want this tool to do something else? Edit the code below and make it do whatever you want.
export const take = [
  { key: "code", type: "code", label: "SASS/SCSS" },
  {
    key: "style",
    type: "dropdown",
    label: "Output Style",
    value: 1,
    options: ["Nested", "Expanded", "Compact", "Compressed"],
  },
  {
    key: "syntax",
    type: "dropdown",
    label: "Syntax",
    options: ["SASS", "SCSS"],
  },
  {
    type: "import",
    value: "https://cdn.jsdelivr.net/npm/sass.js@0.11.1/dist/sass.sync.min.js",
  },
]

export const make = ({ code, syntax, style }) =>
  new Promise((res) => {
    const options = {
      indentedSyntax: syntax === "SASS",
      style: Sass.style[style.toLowerCase()],
    }

    Sass.compile(code, options, (value) =>
      res([
        { label: "CSS", type: "code", value: value.text || value.formatted },
      ])
    )
  })