sugarss

Indent-based CSS syntax for PostCSS

Last updated a year ago by ai .

MIT · Repository · Bugs · Original npm · Tarball · package.json

$ cnpm install sugarss

SYNC missed versions from official npm registry.

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.

Current Tags

5.0.0 ... latest (a year ago)

19 Versions

Maintainers (1)

ai

Downloads

Today 0

This Week 73

This Month 102

Last Day 11

Last Week 44

Last Month 187

Dependencies (0)

None

Dev Dependencies (0)

None

Dependents (10)