SugarSS

Services & Skills

Share on

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

Andrey Sitnik
Author of PostCSS and Autoprefixer, Principal Frontend Engineer

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.

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.

Let's solve your hard problems

Martians at a glance

years in business

We're experts at helping developer products grow, with a proven track record in UI design, product iterations, cost-effective scaling, and much more. We'll lay out a strategy before our engineers and designers leap into action.