Skip to content

Instantly share code, notes, and snippets.

View amwelles's full-sized avatar
👩‍💻

Autumn Welles amwelles

👩‍💻
14 followers · 5 following
View GitHub Profile
@amwelles
amwelles / SassMeister-input.scss
Created February 7, 2014 15:39
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
.button {
border-radius: 3px;
background: grey;
color: white;
}
@amwelles
amwelles / hamburger.scss
Last active August 29, 2015 13:56
// 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),
@amwelles
amwelles / themename.behaviors.js
Created July 2, 2014 14:51
Masonry.js and Drupal Views
(function ($) {
Drupal.behaviors.themenameMasonry = {
attach: function() {
var masonryView = $('.masonry-view .view-content');
masonryView.imagesLoaded(function () {
masonryView.masonry({
itemSelector: '.views-row'
@amwelles
amwelles / _layout.scss
Created May 29, 2015 15:40
$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
amwelles / style.css
Created July 21, 2012 22:32
/* this is what CodeKit outputs, every time you save the file */
@amwelles
amwelles / gulpfile.js
Created December 11, 2015 16:28
'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
amwelles / gulpfile.js
Last active December 11, 2015 16:41
'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
amwelles / .sass-lint.yml
Created December 11, 2015 16:45
options:
formatter: stylish
files:
include: '**/*.s+(a|c)ss'
rules:
# Extends
extends-before-mixins: 1
extends-before-declarations: 1
placeholder-in-extend: 1
@amwelles
amwelles / widget.html
Created June 13, 2013 19:48
Simple twitter widget with new OAuth & [codebird-js](https://github.com/mynetx/codebird-js). Uses a bit of jQuery, but you could just as easily use vanilla JS.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Twitter widget</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script src="sha1.js" type="text/javascript"></script>
<script src="codebird.js" type="text/javascript"></script>
<script>
@amwelles
amwelles / package.json
Last active December 18, 2015 16:14
{
"name": "gulp-practice",
"version": "1.0.0",
"description": "Just learning about some gulp-sass things!",
"author": "Your Name <you@example.org>",
"dependencies": {
},
"license": "MIT"
}