johncionci

/* Font Size REM Mixin
 * Use REMS for font sizes with a pixel fallback
 *
 * $pixels - required - string or hex value - the number unit value - defualt : 10px
 * $weight - optional - string or numeric value - the font weight - defualt : normal
 *
 * @usage h1 {
 * 	@include font-size(24);
 * }
 *

johncionci

@mixin imagesize($width) {
  $height : ( $width / 16 ) * 9 + px;
	height: $height;
	width: $width + px;
}

johncionci

/* Implement the Standard Drupal Pager
 *
 * @usage
 * ... .item-list { @extend %pager; }
 * 
 * @required
 * _rem-mixin.scss
**/

%pager {

johncionci

/*
 * 1280px layout supports: ( max-width 1264px )
 *
 * 10px | 304px | 10px | 304px | 10px | 304px | 10px | 300px | 10px
 * Posts floated left, and can be resized with container eq 314px
 *
 * 10px | 75.88424% ( 944px ) | 24.11576% ( 300px ) | 10px
 *
 * @required
 *  rem-mixin.scss

johncionci

/*
 * 1000px layout supports: ( max-width 1000px )
 *
 * 10px | 320px | 20px | 320px | 20px | 300px | 10px
 * Posts floated left, and can be resized with container eq 320px
 *
 * 10px | 69.38776% ( 680px ) | 30.61224% ( 300px ) | 10px
 *
 * @required
 *  rem-mixin.scss

johncionci

/*
 * 640px - 768px layout supports: ( max-width 768px )
 *
 * 10px | 214px | 10px | 214px | 10px | 300px | 10px
 * Posts floated left, and can be resized with container eq 214px
 *
 * 10px | 59.893048128342244% ( 448px ) | 40.106951871657756%% ( 300px ) | 10px
 *
 * @required
 *  rem-mixin.scss

johncionci

/*
 * 480px layout supports: ( max-width 480px )
 *
 * 10px | 460px | 10px
 * Posts are not floated left, can be resized with container eq 460px
 *
 * 10px | 100% ( 460px ) | 10px
 *
 * @required
 *  rem-mixin.scss

johncionci

/*
 * 320px layout supports: ( max-width 320px )
 *
 * 10px | 300px | 10px
 * Posts are not floated left, can be resized with container eq 300px
 *
 * 10px | 100% ( 300px ) | 10px
 *
 * @required
 *  rem-mixin.scss

johncionci

/* Text Decorations
 * Supply a base link color and a hover link color
 * Remove the underline, until hover
 *
 * $link_color - required - string or hex value - the initial link color
 * $hover_color - required - string or hex value - the links hover color
 *
 * @usage a {
 * 	@include text-decoration(#fff,#000);
 * }

johncionci

/*
 * Nicolas Gallagher Micro Clearfix
 * @link http://nicolasgallagher.com/micro-clearfix-hack/
 */

@mixin clearfix() {
	&:before,
	&:after {
		content: " ";
		display: table;