Build with us
Build with us
26-
Apr
27
Meet us at Balkan Ruby in Sofia, Bulgaria!

SugarSS

Cover for SugarSS

Services & Skills

Share on

SugarSS is an indent-based CSS syntax for PostCSS.

708
stars
39
forks
24
watching
17
contributors
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-the-box.

It was designed to be used with PreCSS and postcss-nested-props. But, you can use it with or without PostCSS plugins. With gulp-sass-to-postcss-mixins, you can use the +mixin syntax, as in Sass.

Author

In the same orbit

  • PostCSS

    PostCSS

    One of the most popular and most depended-on npm libraries, PostCSS transforms CSS using an extensible plugins API. With more than 200 plugins, developers can lint CSS, support variables and mixins, transpile future CSS syntax, and more.
    PostCSS logo

Explore more open source projects

  • Print Snapshots

    Print Snapshots

    Print Jest snapshots to check the CLI output of your tool.
  • Check TypeScript Definitions

    Check TypeScript Definitions

    Unit tests for TypeScript definitions in your JavaScript open source library.

How can we help you?

Schedule a call instead
Martians at a glance
17
years in business

We transform growth-stage startups into unicorns, build developer tools, and create open source products.

If you prefer email, write to us at surrender@evilmartians.com