shayhowe

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

$colors: (header: #b06, text: #334, footer: #666777,)

@warn $colors

shayhowe

// ----
// Sass (v3.3.5)
// Compass (v1.0.0.alpha.18)
// ----

@each $merchant in king-kone, alley-cat-comics, robert-jeffrey, berry-austin, dogaholics, barriques, rotofugi, chicago-bagel-authority
  .merchant-#{$merchant}
    background-image: url("#{$merchant}.jpg")

shayhowe

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$radii: (
  base: 6px,
  mini: 4px
);

shayhowe

// ----
// Sass (v3.4.0.rc.1)
// Compass (v1.0.0.alpha.20)
// ----

$border-radius-base: 6px;
$border-radius-mini: 4px;

$radii: (
  base: $border-radius-base,

shayhowe

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$blue: #33a9e0;
$blue-light: #e1f2fa;
$blue-dark: #0076ad;

$slate: #45454c;

shayhowe

<div class="container">
  <div class="alert error">
    <p>Error</p>
  </div>
  
  <div class="alert success">
    <p>Success</p>
  </div>
  
  <div class="alert info">

shayhowe

<div class="container">
  <div class="alert alert-error">
    <p>Error</p>
  </div>
  
  <div class="alert alert-success">
    <p>Success</p>
  </div>
  
  <div class="alert alert-info">

shayhowe

<div class="container">
  <div class="alert error">
    <p>Error</p>
  </div>
  
  <div class="alert success">
    <p>Success</p>
  </div>
  
  <div class="alert info">

shayhowe

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$blue: #33a9e0;
$blue-light: #e1f2fa;
$blue-dark: #0076ad;

$slate: #45454c;

shayhowe

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

$blue: #33a9e0;
$blue-light: #e1f2fa;
$blue-dark: #0076ad;

$slate: #45454c;