steve-king

// Font size
//
// Specify font size in px and also in rems for browsers that support it
// Base font size on html should be set to 62.5% (10px)
@mixin font-size($sizeValue) {
 	font-size: $sizeValue + px;
	font-size: ($sizeValue / 10) + rem;
}

@mixin list-reset {

steve-king

/* Animated menu icon. CSS only, no SVG */
.menu-icon,
.menu-icon:before,
.menu-icon:after {
    display:block;
    width:20px;
    height:1px;
    background:#fff;
    position:absolute;
    left:0;

steve-king

.chevron-icon {
	display:inline-block;
	width:18px;
	height:12px;
	position:relative;

	&:before, &:after {
		content:"";
		height:2px;
		width:58%;