bit3725 / postcss-shopify-settings-variables Goto Github PK

font-family: $(type_header_font_family.family), $(type_header_font_family.fallback_families);

font-family: {{ settings.type_header_font_family.family }}, {{ settings.type_header_font_family.fallback_families }};

font-family: {{ settings.type_header_font_family.family }}, $(type_header_font_family.fallback_families);

var gulp = require('gulp');
var postcss = require('gulp-postcss');
var watch = require('gulp-watch');
var sass = require('gulp-sass');
var cssnano = require('cssnano');
var rename = require("gulp-rename");
var autoprefixer = require('autoprefixer');
var shopifySettings = require('postcss-shopify-settings-variables');
gulp.task('css', function () {
  var processors = [
    autoprefixer,
    cssnano,
    shopifySettings
  ];
  return gulp.src('stylesheets/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(postcss(processors))
    .pipe(rename({ suffix: '.min.css', extname: '.liquid' }))
    .pipe(gulp.dest('./assets'));
});

gulp.task('watch', function() {
    gulp.watch('stylesheets/**/*.scss', ['css']);
});

Message:
    stylesheets\main.scss
Error: error reading values after
        on line 2 of stdin
>>      color: $(color-text);
   -------^

[11:56:33] Finished 'css' after 26 ms