Skip to content

Instantly share code, notes, and snippets.

View elyseholladay's full-sized avatar

Elyse Holladay elyseholladay

View GitHub Profile
@elyseholladay
elyseholladay / gist:4550373
Created January 16, 2013 20:04
SASS color naming setup
// -------------------------------------------------------------- //
// COLORS ------------------------------------------------------- //
// -------------------------------------------------------------- //
$black: #000000
$greydark: #464646
$greymedium: #686868
$grey: #9d9d9d
$greylight: #adadad
// detect page width, if it's more than 700px, apply .equalheight to .product_attributes
var $win = $(window);
console.log($(window).width());
var $widthDiv = $(".product_attributes");
function checkWindowSize(){
console.log($(window).width());
if ($(window).width() >= 700) {
// $widthDiv.addClass('equalheight');
// set FAQ product attributes to equal heights
var attributeheight = 0;
@elyseholladay
elyseholladay / grid.sass
Created March 8, 2013 19:21
SASS Named Breakpoints
// Simple Responsive Grid
// based on Chris Eppstein's SASS responsive layouts
// http://chriseppstein.github.com/blog/2011/08/21/responsive-layouts-with-sass/
// -------------------------------------------------------------- //
// DESKTOP - LARGE - %desktop-large ----------------------------- //
// -------------------------------------------------------------- //
// 1024px and up to 1280px at which it becomes fixed
@media all and (min-width: 1024px)
// -------------------------------------------------------------- //
// APPLICATION GLOBAL ------------------------------------------- //
// -------------------------------------------------------------- //
// These files need app-required.sass (theme and variables and mixins)
// to load. The files imported here are global CSS that will apply to
// all applications and, ideally, never need to be recompiled per app.
@import app-required.sass // import the stuff required for compile
// Styles
@elyseholladay
elyseholladay / SassMeister-input-HTML.html
Created November 4, 2013 01:29
Generated by SassMeister.com.
<button class="button_primary">Post</button>
<button class="button_primary button_disabled">Approve</button>
<button class="button_secondary">Edit</button>
<button class="button_tertiary">Cancel</button>
<button class="button_text">Unsubscribe</button>
@elyseholladay
elyseholladay / 3-buttons-mixin.scss
Last active December 27, 2015 12:49
button example 4: with mixin Get Sassy talk examples for Thunder Plains Conf 11/7/13
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// variables
$white: #fff;
$black: #000;
$greydark: lighten($black,50%);
@elyseholladay
elyseholladay / 2-buttons-placeholder.scss
Last active December 27, 2015 15:09
button example 2: placeholder extend, no variables, old classnames Get Sassy talk examples for Thunder Plains Conf 11/7/13
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
%button {
display: inline-block;
box-sizing: border-box;
margin: 0 20px 0 0;
padding: .25em 1em;
@elyseholladay
elyseholladay / 3-buttons-extend-variables.scss
Last active December 27, 2015 15:09
button example 3: variables, extend, edited classes Get Sassy talk examples for Thunder Plains Conf 11/7/13
// Variables
$black: #000000;
$greydark: lighten($black,28%); // #424242
$greymedium: lighten($black,40.75%); // #686868
$greylight: lighten($black,68%); // #adadad
$greypale: lighten($black,80%); // #cccccc
$white: #ffffff;
// Site colors
$turquoise: darken(rgb(97,210,214),20%);
$(document).ready(function(){
var animals = [];
$.getJSON( "https://mks-frontend-gallery.herokuapp.com/", function( json ) {
for (var i in json) {
$(".gallery").append("<div class='large-4 small-6 columns " + json[i].animals.join(" ") + "'><img src=" + json[i].url + "></div>");
}
var ids = [];
$.each( json, function ( key, val ) {
@elyseholladay
elyseholladay / .bash_profile
Created November 19, 2014 22:02
Elyse's bash profile
# set up Sublime as default editor and "subl ." command
export PATH=/bin:/sbin:/usr/bin:/usr/local/sbin:/usr/local/bin:$PATH
export EDITOR='subl -w'
#!/usr/bin/env bash
# Make my prompt AWESOMESAUCE
__powerline() {
# EMOJI YO