SugarSS

Indent-based CSS syntax for PostCSS.

a
  color: blue

.multiline,
.selector
  box-shadow: 1px 0 9px rgba(0, 0, 0, .4),
              1px 0 3px rgba(0, 0, 0, .6)

// Mobile
@media (max-width: 400px)
  .body
    padding: 0 10px

As any PostCSS custom syntax, SugarSS has source map, stylelint and postcss-sorting support out-of-box.

It was designed to be used with postcss-simple-vars and postcss-nested. But you can use it with any PostCSS plugins or use it without any PostCSS plugins. With postcss-mixins you can use @mixin syntax as in Sass.

Docs

Read full docs here.

Change Log

This project adheres to Semantic Versioning.

5.0.1

• Fixed Invalid mapping errors (by @BaliBalo).

5.0.0

• Added source.offset (by @RamazanIttiev).
• Removed Node.js 16 support.

4.0.1

• Added package.json export.

4.0

• Removed Node.js 10 support.
• Moved postcss to peerDependencies.

3.0.3

• Reverted package.exports Node.js 15 fix.

3.0.2

• Fixed Node.js 15 warning.

3.0.1

• Added funding links.

3.0

• Removed support for Node.js 6.x, 8.x, 11.x, and 13.x versions.
• Moved to PostCSS 8.0.
• Added ES modules support.

2.0

• Remove Node.js 9 and Node.js 4 support (by Aleks Hudochenkov).
• Remove IE and “dead” browsers from Babel.
• Use PostCSS 7.0 (by Aleks Hudochenkov).

1.0.1

• Fix nested inline comments parsing.

1.0

• Use PostCSS 6.0.
• Use babel-preset-env.

0.2

• Show error on semicolons and curly brackets.
• Fix source map mappings.

0.1.6

• Fix empty comments parsing.

0.1.5

• Put comments after declaration semicolon.
• Use PostCSS 5.1.

0.1.4

• Fix parsing nested properties.

0.1.3

• Fix source map generation.

0.1.2

• Fix rule/declaration selection in nested rules.

0.1.1

• Fix comment between declaration case.
• Add logo (by Maria Keller).

0.1

• Add selector pseudo-classes support.

0.0.1

• Initial release.