flexed-buttons

simple scss buttons

• Examples: https://ranjandatta.github.io/flexed-buttons/

Install

npm install flexed-grid --save

gulp.js Usage

Using the gulp-sass plugin.

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function () {
  gulp.src('path/to/input.scss')
    .pipe(sass({
      // includePaths: require('flexed-buttons').with('other/path', 'another/path')
      // - or -
      includePaths: require('flexed-buttons').includePaths
    }))
    .pipe(gulp.dest('path/to/output.css'));
});

Grunt Usage

Using grunt-sass

The grunt-sass task uses node-sass (LibSass) underneath, and is the recommended way to use Grunt with flexed-buttons.

Example config:

grunt.initConfig({
  sass: {
    dist: {
      options: {
        // includePaths: require('flexed-buttons').with('other/path', 'another/path')
        // - or -
        includePaths: require('flexed-buttons').includePaths
      },
      files: {
        'path/to/output.css': 'path/to/input.scss'
      }
    }
  }
});

Stylesheet usage

Use either method above for your chosen task runner (gulp.js, Grunt), then in your stylesheet:

@import "flexed-buttons";