makefunstuff

/* 
 *    Steps
 * 1. Rename your gulpfile.js to gulpfile.babel.js
 * 2. Add babel to your package.json (npm install -D babel)
 * 3. Start writing ES6 in your gulpfile!
 */
 
 import gulp from 'gulp'; // ES6 imports!
 import sass from 'gulp-sass';
 

makefunstuff

gulp.task('views', function() {
  var views = config.views
  return gulp.src(views.src)
    .pipe($.plumber({errorHandler: $.notify.onError("Error: <%= error.message %>")}))
    .pipe($.data(function(file) {
      return _.extend(config.app, {currentView: path.basename(file.path).replace('.jade', '')})
    }))
    .pipe($.jade({
      pretty: true,
      data: config.app

makefunstuff

@import "breakpoint-slicer/variables",
        "breakpoint-slicer/helper-functions",
        "breakpoint-slicer/mixins";

makefunstuff

//////////////////////////////
// Default Variables
//////////////////////////////
// Default Features
$breakpoint-default-media:      all !default;
$breakpoint-default-feature:    min-width !default;
$breakpoint-default-pair:       width !default;

// Default Transforms
$breakpoint-force-media-all:    false !default;

makefunstuff

////////////////////////////////////////////////
// If you don't understand what's going on here,
// please read the README first.
////////////////////////////////////////////////

// Wraps the content block provided with a media query
// with min-width equal to the left edge of the left slice
// and max-width equal to the right edge of the right slice
//
// between($slice-left, $slice-right, $no-query: false)

makefunstuff

// Returns a correction value for the given breakpoint
// to prevent media query overlapping.
//
// Relies on the global variable $slicer-anti-overlap-corrections
// that should contain a list of allowed correction values.
//
// Returns either only positive or only negative value.
//
// anti-overlap-correction($bp, $positive: true)
//   - $bp       : a breakpoint, e. g. 800px or 20em

makefunstuff

gulp.task('browser-sync', function() {
  browserSync({
    open: false,
    server: {
      baseDir: './dist',
      middleware: [historyApiFallback]
    }
  });
});

makefunstuff

var Player = require('player')

player = new Player(process.argv[2]);
player.play();

makefunstuff

// bootstrap example
.row
  .col-md-12
    .col-md-4
      %button.btn.btn-default.btn-lg


// semantic ui example
.row
  .twelwe.wide.colum

makefunstuff

class ActionDispatch::Routing::Mapper
  def draw(routes_name)
    instance_eval(File.read(
      Rails.root.join("config/routes/#{routes_name}.rb")
    ))
  end
end