Meteor + CSS-Modules + SugarSS

Котаны!

Вы знаете про Meteor? Ну да — странный вопрос.

Вы знаете про CSS-Modules? Прощай БЭМ.

Вы знаете про SugarSS? Прощай SASS.

Перец из Техаса сегодня принял мой pull-request. И всем этим счастьем теперь можно пользоваться. CoffeeScript, Jade, SugarSS — полный комплект для кошерного кода.

А воткнулся я после лекции Андрея Ситника (спасибо):

Но это еще не всё. Прикрутил postcss-initial и postcss-autoreset — получил полную изоляцию, которая в БЭМ и не снилась.

METEOR@1.3.2.4 — package.json

{
  "dependencies": {
    "meteor-node-stubs": "~0.2.0"
  },
  "devDependencies": {
    "sugarss": "0.1.3",
    "postcss-initial": "1.5.1",
    "postcss-autoreset": "1.1.5",
    "autoprefixer": "^6.3.6",
    "postcss-modules-extract-imports": "1.0.0",
    "postcss-modules-local-by-default": "1.0.0",
    "postcss-modules-scope": "1.0.0",
    "postcss-modules-values": "1.1.1",
    "postcss-nested": "1.0.0",
    "postcss-simple-vars": "1.1.0"
  },
  "cssModules": {
    "enableSassCompilation": false,
    "enableStylusCompilation": false,
    "extensions": [
      "sss"
    ],
    "parser": "sugarss",
    "postcssPlugins": {
      "postcss-simple-vars": {
        "inlineOptions": {
          "variables": {
            "orange": "orange"
          }
        },
        "fileOptions": [
          "client/colors.txt",
          "client/fonts.json"
        ]
      },
      "postcss-initial": {"reset": "inherited"},
      "postcss-autoreset": {"reset": "initial"},
      "postcss-modules-values": {},
      "postcss-nested": {},
      "postcss-modules-local-by-default": {},
      "postcss-modules-extract-imports": {},
      "postcss-modules-scope": {},
      "autoprefixer": {"browsers": ["last 2 versions"]}
    }
  }
}