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:
I hereby claim:
To claim this, I am signing this object:
// 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; |
@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; |
{ | |
"name": "gulp-practice", | |
"version": "1.0.0", | |
"description": "Just learning about some gulp-sass things!", | |
"author": "Your Name <you@example.org>", | |
"dependencies": { | |
}, | |
"license": "MIT" | |
} |
options: | |
formatter: stylish | |
files: | |
include: '**/*.s+(a|c)ss' | |
rules: | |
# Extends | |
extends-before-mixins: 1 | |
extends-before-declarations: 1 | |
placeholder-in-extend: 1 |
'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() { |
'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') |
$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, |
(function ($) { | |
Drupal.behaviors.themenameMasonry = { | |
attach: function() { | |
var masonryView = $('.masonry-view .view-content'); | |
masonryView.imagesLoaded(function () { | |
masonryView.masonry({ | |
itemSelector: '.views-row' |
// 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), |