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:

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

@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

{
  "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

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

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

'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

$tab: 768px;
$nav: 865px;
$desk: 1024px;
$super: 1080px;

$susy: (
	container: 1040px, // change this if you add padding outside the grid
	columns: 12,
	column-width: 65px,
	gutters: 20px/65px,

amwelles

(function ($) {
  
  Drupal.behaviors.themenameMasonry = {
    attach: function() {
      
      var masonryView = $('.masonry-view .view-content');
      
      masonryView.imagesLoaded(function () {
        masonryView.masonry({
          itemSelector: '.views-row'

amwelles

// works with compass

@mixin hamburger($color:white, $line-width:5px) {
	$transparent: rgba($color, 0);
	@include background-image(linear-gradient(
		$color $line-width,
		$transparent $line-width,
		$transparent ($line-width*2),
		$color ($line-width*2),
		$color ($line-width*3),