sugarss

Indent-based CSS syntax for PostCSS

MIT 20 个版本

css postcss postcss-syntax syntax indent parser

主页

仓库

提交 Issue

安装

npm install sugarss

yarn add sugarss

pnpm add sugarss

bun add sugarss

README

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.

版本列表

5.0.1 2025-07-30

5.0.0 2024-11-20

4.0.1 2021-06-14

4.0.0 2021-06-14

3.0.3 2020-11-05

3.0.2 2020-11-05

3.0.1 2020-09-27

3.0.0 2020-09-15

2.0.0 2018-08-11

1.0.1 2017-11-05

1.0.0 2017-05-07

0.2.0 2016-10-07

0.1.6 2016-09-08

0.1.5 2016-07-23

0.1.4 2016-05-30

0.1.3 2016-04-23

0.1.2 2016-03-17

0.1.1 2016-03-15

0.1.0 2016-03-09

0.0.1 2016-03-08