jxnblk

set nocompatible
set history=256
set runtimepath^=~/.vim/bundle/ctrlp.vim
execute pathogen#infect()
nnoremap ff :CtrlP<CR>
set expandtab
set autoindent
set tabstop=2
set shiftwidth=2
set smarttab

jxnblk

{
	"color_scheme": "Packages/User/Jxn.tmTheme",
	"font_face": "Source Code Pro",
	"font_size": 18.0,
	"highlight_line": true,
	"ignored_packages":
	[
	],
	"line_padding_bottom": 4,
	"open_files_in_new_window": false,

jxnblk

// Aspect ratio classes are useful for things like fluid-width background images
// These fill the width of parent elements

.aspect-square {
  width: 100%;
  height: 0;
  padding-bottom: 100%;  
}

.aspect-4o3 {

jxnblk

body,h1,h2,h3,h4,h5,h6,dl,ol,ul,p,button,input,select,textarea{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%}.ul{list-style:none;padding-left:0}body{font-family:"skolar",Georgia,serif;line-height:1.5;font-weight:400}h1,.h1{font-size:2rem;line-height:1.25}h2,.h2{font-size:1.5rem;line-height:1.25}h3,h4,h5,h6,dl,ol,ul,p,.p{font-size:1.125em}small,.sm{font-size:.875em}@media (min-width: 768px){.res .h1,.res.h1{font-size:4rem}.res .h2,.res.h2{font-size:2rem}.res .p,.res.p{font-size:1.25rem}.res .small,.res.small{font-size:1rem}}@media (min-width: 1024px){.res .h1,.res.h1{font-size:6rem}.res .h2,.res.h2{font-size:3rem}}strong,.bold{font-weight:700}.reg{font-weight:normal}.caps{text-transform:uppercase;letter-spacing:.2em}.center{text-align:center}.right-align{text-align:right}.m1{margin:1rem}.mt1{margin-top:1rem}.mr1{margin-right:1rem}.mb1{margin-bottom:1rem}.ml1{margin-left:1rem}.m2{margin:2rem}.mt2{margin-top:2rem}.mr2{margin-right:2rem}.mb2{margin-bottom:2rem}.ml2{margin-left:2rem}.m3{

jxnblk

/* Symbolset Standard Hack */
.ss-icon {
  position: relative;
  top: .1875em;
}

jxnblk

<style>

/* First, find this style, then comment it out or delete it. */
/*
header {
  width: 90%;
  padding: 2em 5% 0;
  max-width: 48em;
  margin: 0 auto;
  overflow: hidden;

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;
  }
}