gbhasha

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

// Alias 
// ------
$config__tile: (
  "active": (
    "background-color": #4C9CEA,

gbhasha

// ----
// libsass (v3.0.1)
// ----


$economy-color: #cccccc;
$premiere-color: #622720;
$firstclass-color: #421E19;
$white: #fff;

gbhasha

// ----
// libsass (v3.0.1)
// ----

//
// Icon Font: fontcustom
//

@font-face {
  font-family: "fontcustom";

gbhasha

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$spacing-unit: 24px;

$spacing-unit-tiny:  round(0.25 * $spacing-unit);
$spacing-unit-small: round(0.5  * $spacing-unit);
$spacing-unit-large: round(2    * $spacing-unit);

gbhasha

<div class="gray-base"></div>
<div class="gray-darker"></div>
<div class="gray-dark"></div>
<div class="gray"></div>
<div class="gray-light"></div>
<div class="gray-lighter"></div>

gbhasha

/*
 * a small mixin for easy use of rem with px as fallback
 * usage: @include x-rem(font-size, 14px)
 * usage: @include x-rem(marign, 0 12px 2 1.2)
 * usage: @include x-rem(padding, 1.5 24px)
 *
 */
@mixin x-rem($property, $values) {
  // Create a couple of empty lists as output buffers.
  $base-font-size: 16px; // should be consistent with your html/body font-size

gbhasha

/*
 * a small mixin for easy use of rem. Only for modern browsers. (No px as fallback)
 * for px fallback refer: https://gist.github.com/gbhasha/938a17d5f83a78f56da7
 * usage: @include to-rem(font-size, 14px)
 * usage: @include to-rem(marign, 0 12px 2 1.2)
 * usage: @include to-rem(padding, 1.5 24px)
 *
 */
@mixin to-rem($property, $values) {
  // Create a list as output buffer.

gbhasha

function color_meter(cwith, ccolor) {
    
    if (!cwith && !ccolor) return;
    
    var _cwith  = (cwith.charAt(0)=="#") ? cwith.substring(1,7) : cwith;
    var _ccolor = (ccolor.charAt(0)=="#") ? ccolor.substring(1,7) : ccolor;
    
    var _r = parseInt(_cwith.substring(0,2), 16);
    var _g = parseInt(_cwith.substring(2,4), 16);
    var _b = parseInt(_cwith.substring(4,6), 16);

gbhasha

		.box { position: absolute; width: 200px; height: 200px; }
		#box_1 { background: #ee3e64; top: 0; left: 0; }
		#box_2 { background: #44accf; top: 0; right: 0; }
		#box_3 { background: #b7d84b; bottom: 0; left: 0; }
		#box_4 { background: #ebde52; bottom: 0; right: 0; }
		.orange { background: #f95b34; position: absolute; top: 39%; left: 41%; width: 40px; height: 40px; }
	

gbhasha

		.box { position: absolute; width: 200px; height: 200px; }
		#box_1 { background: #ee3e64; top: 0; left: 0; }
		#box_2 { background: #44accf; top: 0; right: 0; }
		#box_3 { background: #b7d84b; bottom: 0; left: 0; }
		#box_4 { background: #ebde52; bottom: 0; right: 0; }