strann

#! /usr/bin/env node

var fs = require('fs');
var jsdiff = require('diff');
var args = process.argv;
var fileTypeRgxp = /\.css$/;
var files = [];
var diff;
var patch;

strann

Requirements:

• Every sub navigation must have a depth class: nav--depthN
• The container and each <ul> must support arbitrary class names to be passed to the component from the CMS.
• Each nav__item should get an additional class corresponding to its text node, for example:
  • <li class="nav__item">Example</li> ---> <li class="nav__item nav__item--example">Example</li>
• The current node gets a class of nav_item--self
  • If the current node is a child node deeper than nav--depth0 then the node's root list item gets a class of nav_item--current

Notes:

strann

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

// This code sucks.

.module-container {
  background-color: red;

strann

SASS media query mixin

Allows for loose syntax media queries with predefined breakpoints or custom, on the fly ones. Defaults to only screen and min-width, allows for those to be overridden. Can be expanded more.

Sept. 11, 2013 - Updated to include chained media queries, ie:

@media only screen and (min-width: 500px) and (max-width: 600px){}

A Pen by Stuart Trann on CodePen.

strann

$default_sort_order = '[
        "-webkit-animation",
        "-moz-animation",
        "-ms-animation",
        "-o-animation",
        "animation",
        "-webkit-animation-delay",
        "-moz-animation-delay",
        "-ms-animation-delay",
        "-o-animation-delay",