sugarss

SugarSS

基于缩进的 CSS 语法 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

与任何 PostCSS 自定义语法一样, SugarSS 具有源映射,stylelint 并且 postcss-sorting 支持开箱即用。 它是专为与 postcss-simple-vars 和 postcss-nested 结合使用而设计的。 但您可以将其与任何 PostCSS 插件一起使用 或者不使用任何 PostCSS 插件即可使用它。 使用 postcss-mixins,您可以像 Sass 中一样使用 @mixin 语法。

SugarSS 由 Evil Martians 打造,这是一家为开发者工具、AI 和网络安全初创公司提供设计和工程咨询的美国公司。

语法

SugarSS 的 MIME 类型为 text/x-sugarss, 文件扩展名为 .sss。

缩进

我们建议使用 2 个空格缩进。不过，SugarSS 会自动检测缩进，并且可以与制表符或空格一起使用。但是，在 SugarSS 源代码中禁止混合空格和制表符。

.两个背景: