TylerK

.footer-nav {
  @include column(24);
  @include for-screen($normal-page-width) {
   &, .ie8 & { 
     @include column(20); 
    }
  }
}

TylerK

//
// Note: For this to work you will need conditional classes on your html element. For more information: 
// http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
//


// 
// Mixin
//
@mixin for-browser($browser) {

TylerK

//
// Mixin for inline responsive design
//
$smallScreen    : 768px;
$mediumScreen   : 992px;
$largeScreen    : 1200px;


@function smallerThan($breakPoint) {
  @return "screen and (min-width:" + $breakPoint + ")";

TylerK

var gulp      = require('gulp')
  , plumber   = require('gulp-plumber')
  , notify    = require('gulp-notify')
  , stylus    = require('gulp-stylus')
  , sync      = require('browser-sync')

gulp.task('stylus', function() {
  return gulp.src('build/stylus/site.styl')
    .pipe(plumber({
      errorHandler: notify.onError({

TylerK

//
// Deps
//---------------------------------------------------------
var
  inquirer    = require('inquirer'),
  path        = require('path'),
  exec        = require('child_process').exec,
  spawn       = require('child_process').spawn
;

TylerK

//
// Base object helper method to set count and blocks amount
// @method constructor
// @params int, int
//---------------------------------------------------------
function CountNBlocks (c, b) {
 
  this.count = (c === undefined) ? LvEnum.num.UNKNOWN: c;
  this.blks  = (b === undefined) ? LvEnum.num.UNKNOWN: b;
  

TylerK

// 
// Current way to write Gulp and Webpack, totally wtf:
// 
gulp.task('package:stylus', function() {
  return gulp.src(config.bundle.stylus.src)
    .pipe(webpack({
      watch: true,
      module: {
        loaders: [
          { test: /\.css$/,  loader: 'css-loader!stylus-loader?paths=node_modules/stylus-loader/' },

TylerK

//
// Main Stylus task
//---------------------------------------------------------
var gulp      = require('gulp')
  , config    = require('../../configs/gulp-config')
  , path      = require('path')
  , nib       = require('nib')
  , stylus    = require('gulp-stylus')
  , plumber   = require('gulp-plumber')
  , notify    = require('gulp-notify')

TylerK

//
// One gulp config file to rule them all!
// No more per-project configs <(^-^<)
//---------------------------------------------------------
var path    = require('path')
  , config  = {}
  ;

//
// Globals and per-project base paths

TylerK

//
// New Browserify hotness
//---------------------------------------------------------
var gulp       = require('gulp')
  , config     = require('../../configs/gulp-config.js')
  , browserify = require('browserify')
  , reactify   = require('reactify')
  , watchify   = require('watchify')
  , source     = require('vinyl-source-stream')
  ;