search

embermap / ember-cli-tailwind

Adds Tailwind CSS to your app or addon
MIT License
100 stars 33 forks source link

cannot use Sass variables inside of Tailwind's config #216

Closed antonbavykin1991 closed 5 years ago

antonbavykin1991 commented 5 years ago 
// app.scss

$brand: '#3490DC';
@import 'tailwind';
//tailwind/config/colors.js

export default {
  brand: '$brand'
}

get error: Sass Syntax Error (SassCompiler) in /var/folders/fn/_xqyrrmd59z731p6z5vld3_h0000gn/T/broccoli-37563qHE89kezt5cE/out-215-broccoli_merge_trees_full_application//app/styles/tailwind.css:869:21

Error: Sass variables aren't allowed in plain CSS. ╷ 869 │ background-color: $brand; │ ^^^^^^ ╵

antonbavykin1991 commented 5 years ago

the issue was in different versions of ember-cli-sass, I installed "ember-cli-sass": "7.1.7", and not it's ok ;)