amwelles

'use strict';

// require the node packages
var gulp = require('gulp'),
    sass = require('gulp-sass');

// create our sass gulp task
gulp.task('sass', function() {
  // look in the sass directory (and directories below it)
  gulp.src('./sass/**/*.scss')

amwelles

'use strict';

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    // require our three new features
    autoprefixer = require('gulp-autoprefixer'),
    sassGlob = require('gulp-sass-glob'),
    sassLint = require('gulp-sass-lint');

gulp.task('sass', function() {

amwelles

options:
  formatter: stylish
files:
  include: '**/*.s+(a|c)ss'
rules:
  # Extends
  extends-before-mixins: 1
  extends-before-declarations: 1
  placeholder-in-extend: 1

amwelles

{
  "name": "gulp-practice",
  "version": "1.0.0",
  "description": "Just learning about some gulp-sass things!",
  "author": "Your Name <you@example.org>",
  "dependencies": {
  },
  "license": "MIT"
}

amwelles

@mixin flexslider($icon-font:"FontAwesome", $icon-prev:"\f104", $icon-next:"\f105", $horizontal-padding:20px) {
  // set some variables
  $icon-font: "FontAwesome";
  $icon-prev: "\f104";
  $icon-next: "\f105";
  $horizontal-padding: 20px;
  // undo default styles
  margin: 0;
  background: none;
  border: 0;

amwelles

// font-sizes and line-heights not in comp taken from:
// http://typecast.com/blog/a-more-modern-scale-for-web-typography

body {
  line-height: 1.25;
}

h1 {
  font-size: 2em;
  line-height: 1.25;

amwelles

Keybase proof

I hereby claim:

• I am amwelles on github.
• I am amwelles (https://keybase.io/amwelles) on keybase.
• I have a public key ASBuKw6dvsgQUatK1_B6W7Ixxe_G39Jsbrk5-tmWzejkEQo

To claim this, I am signing this object: