nurise
@nurise
Front-end, WordPress, Design

Как передать массив переменных в postcss-simple-vars?

Допустим, есть такой код:
var colors = require('./src/config/colors');
var nav = require('./src/config/navbar');

var processors = [
  require('postcss-simple-vars')({ variables: [colors, nav] })
]


// colors.js
module.exports = {
  black: '#111',
  white: '#fff',
  gray: '#aaa',
  silver: '#ddd',
  primary: '#0074d9',
  success: '#2ecc40',
  warning: '#ff851b',
  danger: '#ff4136'
}

//navbar.js
module.exports = {
  navbar_height: '50px',
  navbar_bg: '$white'
}


В css это уже не работает (не компилирует переменные):
body {
  background-color: $white;
  color: $black;
}

.navbar {
  height: $navbar_height;
}


Как это готовить?
  • Вопрос задан
  • 301 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы