jonnymaceachern

export default function sayHi(){
  console.log('Hi');
}

jonnymaceachern

Git Cheat Sheet

Visit my blog or connect with me one Twitter

Commands

Getting Started

git init

or

jonnymaceachern

%clearfix {
  *zoom: 1;
  &:before, &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

jonnymaceachern

@mixin table-center {
	display: table;
	> [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: middle;
	} 
}

jonnymaceachern

/* 

 ---------------------------------------------------------------------------
 Abstracts
 ---------------------------------------------------------------------------

 Includes all partials that do not directly output CSS.
 Examples include variables, mixins, and functions.

 ---------------------------------------------------------------------------  

jonnymaceachern

<div class="col-xs-12 col-sm-10 col-md-8 col-lg-4 | banner banner--tall | bg-dark color-white">
	Example
</div>

jonnymaceachern

TrailingWhitespace
Indentation
	character	tab
	width		1
	

jonnymaceachern

for D in ./*; do
    if [ -d "$D" ]; then
        cd "$D"
        git-stats-importer -e maceachern.jonny@gmail.com
        cd ..
    fi
done

jonnymaceachern

// Mixin for alternate theme styling
@mixin theme( $blogname ){
	body.theme-#{$blogname} & {
		@content;
	}
}

// Usage
.header {
	color: #000;

jonnymaceachern

@import "mq";

$mq-breakpoints: (
	xs:  320px,
	sm:  740px,
	md:  980px,
	lg:  1300px,
);

// ------------------------------