Skip to content

Instantly share code, notes, and snippets.

View josephspens's full-sized avatar

Joseph Spens josephspens

View GitHub Profile

Keybase proof

I hereby claim:

  • I am josephspens on github.
  • I am josephspens (https://keybase.io/josephspens) on keybase.
  • I have a public key whose fingerprint is EE0E 6210 8068 3C50 4D65 739B 1823 73D8 97AC BEC0

To claim this, I am signing this object:

@josephspens
josephspens / index.html
Last active August 29, 2015 14:27 — forked from anonymous/index.html
JS Bin // source http://jsbin.com/qumise
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
@josephspens
josephspens / force.csv
Last active August 29, 2015 14:26 — forked from d3noob/.block
Assignment Dashboard Dependencies
source target value
Dashboard MainRouter 1
MainRouter MainView 1
MainRouter AssignmentListView 1
MainRouter AssignmentListCollection 1
MainRouter BuyerStatusesCollection 1
MainRouter SellerStatusesCollection 1
MainRouter BuyerSubStatusesCollection 1
MainRouter CalendarView 1
MainRouter BuyerStatusesView 1
@josephspens
josephspens / gist:4eeb8176a669ff64f25b
Created April 6, 2015 17:12
node-sass installation output (Linux/Mac) for OSX Yosemite (10.10.2)
2.3.0
v0.12.0
{ http_parser: '2.3',
node: '0.12.0',
v8: '3.28.73',
uv: '1.0.2',
zlib: '1.2.8',
modules: '14',
openssl: '1.0.1l' }
darwin
@josephspens
josephspens / border.scss
Last active August 29, 2015 14:01
A general use border function. Pass in any parameters in any order, and this mixin does the rest! Assumses those $default- variables are set in a site config.
// @return border declaration
@function border($params...) {
$border: (
number: $default-border-width,
string: $default-border-style,
color: $default-border-color
);
@each $param in getArguments($params) {
$border: map-merge($border, (type-of($param): $param));
@josephspens
josephspens / search-class
Last active August 29, 2015 13:57
Regular Expression to find a class name
class="[A-Za-z0-9\s]*classname[A-Za-z0-9\s]*"

Sass 101

Documentation

Also, check out the Atomic CSS design pattern.

Sass vs. LESS

Sass and LESS do the same thing, but with Sass you get much more out of the language.

  • Follows other programmatic languages
    • Functions
    • Loops
@josephspens
josephspens / sticky-footer.scss
Last active December 31, 2015 09:38
A sticky footer is a footer which is pushed to the bottom of the viewport on pages which have an insufficient amount of content to do it naturally.