jxnblk

/*
 * Cleaner Symbolset styles 
 * Edited for front-end performance by Jxnblk
 *
 * - Removed all adjoining selectors
 * - Removed slow ^= and *= selectors
 * - Removed .right functionality
 * - Removed ligature functionality
 *
 */

jxnblk

.grid-align-middle .col {
  vertical-align: middle;
}

/*
  Because how many times have you been asked to center something vertically?
*/

jxnblk

gulp.task('js-sprite', function() {
  return gulp.src('./icons/*.svg')
    .pipe(concat('js-sprite.svg'))
    .pipe(header('<svg xmlns="http://www.w3.org/2000/svg">'))
    .pipe(footer('</svg>'))
    .pipe(svgmin([{cleanupIDs: false}]))
    .pipe(gulp.dest('./sprite'));
});

jxnblk

.hover-group {
  .hover-item {
    color: gray;
  }
  &:hover .hover-item {
    color: blue;
  }
}

jxnblk

hr {
  height: .5rem;
  margin-bottom: .9375rem;
  border-style: none;
  border-bottom: .0625rem solid;
}

jxnblk

Object-Based Interface Architecture

Guidelines for basic user interface organization

---

What this is

jxnblk

Basic Interaction Guidelines

Progressive Disclosure

Progressive disclosure defers advanced or rarely used features to a secondary view, making applications easier to learn and less error-prone.

Progressive disclosure is a powerful tool in interaction design, but it's often used precariously.

jxnblk

module.exports = function(elements, options) {

  var options = options || {};
  var baseline = options.baseline || 16;
  var paddingY = options.paddingY || 0;

  for (var i = 0; i < elements.length; i++) {

    var content = elements[i].textContent;

jxnblk

var through = require('through2');
var gutil = require('gulp-util');

module.exports = function() {

  var transform = function(file, enc, cb) {

    var name = file.relative.split('.')[0];
    var contents = String(file.contents).replace(/\r?\n|\r/g, ' ');

jxnblk

" Vim colour scheme

hi clear
set background=light
if exists("syntax_on")
  syntax reset
endif

let g:colors_name = 'jxn5'