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
@elyseholladay
elyseholladay / 1-theory.md
Last active August 29, 2015 14:14
Sass Standards

Theory

We subscribe to the following high-level theories in our Sass code:

Keep functional Sass separate from presentational styles

Keeping functional Sass separate from presentational Sass is important in order to maintain readability, search-ability and scaleability of your code. Patterns like placing mixins in the same file as presentational Sass leads to overly complex files to scan and opportunities for accidental pollution of your processed CSS. Source: http://gist.io/4436524

Sass is a CSS assistant.

"Sass is not a replacement for CSS, it’s more like having a CSS assistant who will help you write your code. So when you’re ready to really put it to work I recommend occasional sanity checks on the resulting CSS to see if this “assistant” has created too much repeated code or if the selectors are getting too complicated. Refactoring your Sass will help keep your code clean and you’ll start learning how you can make the best use of it."

@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
$(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 ) {