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.