elyseholladay

// -------------------------------------------------------------- //
// APPLICATION GLOBAL ------------------------------------------- //
// -------------------------------------------------------------- //
// These files need app-required.sass (theme and variables and mixins)
// to load. The files imported here are global CSS that will apply to
// all applications and, ideally, never need to be recompiled per app.

@import app-required.sass // import the stuff required for compile

// Styles

elyseholladay

// Simple Responsive Grid
// based on Chris Eppstein's SASS responsive layouts
// http://chriseppstein.github.com/blog/2011/08/21/responsive-layouts-with-sass/

// -------------------------------------------------------------- //
// DESKTOP - LARGE - %desktop-large ----------------------------- //
// -------------------------------------------------------------- //
// 1024px and up to 1280px at which it becomes fixed

@media all and (min-width: 1024px)

elyseholladay

    	// detect page width, if it's more than 700px, apply .equalheight to .product_attributes
		var $win = $(window);
		console.log($(window).width());
		var $widthDiv = $(".product_attributes");
		function checkWindowSize(){
			console.log($(window).width());
			if ($(window).width() >= 700) {
				// $widthDiv.addClass('equalheight');
				// set FAQ product attributes to equal heights
				var attributeheight = 0;

elyseholladay

// -------------------------------------------------------------- //
// COLORS ------------------------------------------------------- //
// -------------------------------------------------------------- //


$black: #000000
$greydark: #464646
$greymedium: #686868
$grey: #9d9d9d
$greylight: #adadad