Dart Sass

Try it in 3 steps

1. 1

   Install Dart Sass 1.105.1 in an isolated project

   Pin the reviewed release in a temporary project without changing an existing codebase.

   demo=$(mktemp -d "${TMPDIR:-/tmp}/dart-sass.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact --save-dev sass@1.105.1Copy
2. 2

   Create SCSS with a variable and nested selector

   Create a minimal SCSS input that exercises a Sass variable and selector nesting.

   printf "%s\n" '$accent: #663399;' '.card {' ' color: $accent;' ' &:hover { color: white; }' '}' > input.scssCopy
3. 3

   Compile it to CSS with the sass CLI

   Generate CSS with version 1.105.1 and confirm the nested selector was expanded into normal CSS.

   npx sass input.scss output.css && grep -q ".card:hover" output.cssCopy

Built with

• Dart

Categories and tags

GitHub data

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Explore next

• Electron123,388 Stars

  3 shared tag(s) · 1 shared category(s)

  bundle Chromium and Node.js to build desktop applications for three major operating systems with HTML, CSS, and JavaScript

  C++
• Animate.css82,849 Stars

  3 shared tag(s) · 1 shared category(s)

  apply reusable CSS animations to UI elements by adding classes

  CSS
• normalize.css53,505 Stars

  3 shared tag(s) · 1 shared category(s)

  reduce browser inconsistencies while preserving useful native defaults

  CSS
• PostCSS28,974 Stars

  3 shared tag(s) · 1 shared category(s)

  parse CSS into an AST and compose build-time style processing with JavaScript plugins

  TypeScript
• Autoprefixer22,211 Stars

  3 shared tag(s) · 1 shared category(s)

  generate only the vendor prefixes required by Browserslist and Can I Use data

  JavaScript
• Less17,025 Stars

  3 shared tag(s) · 1 shared category(s)

  compile stylesheets with variables, mixins, and nesting into standard CSS with lessc

  JavaScript