blackfalcon

// ----
// libsass (v0.7.0)
// ----

@function gcd($number, $denominator) {
  $num: if($number < $denominator, $denominator, $number);
  $denom: if($number < $denominator, $number, $denominator);
  $rem: $num;
  $last_rem: $num;
  @while $rem != 0 {

blackfalcon

.map
  this is a map
  
.box
  .controller
    this is a controller

blackfalcon

<label for="input">Lable:</label>
<input id="input" type="text">

blackfalcon

<div class="box-set">
  <div class="box">Box 1</div>
  <div class="box">Box 2</div>
  <div class="box">Box 3</div>
</div>

blackfalcon

.block

blackfalcon

fieldset
  form
    label(for="url") enter a URL:
    input(required id="url" type="url" placeholder="please enter a URL" title="Please enter a valid http:// URL into the field")
    
    label(for="numbers") enter a string of numbers and letters:
    input(required maxlength="7" id="numbers" placeholder="enter data" type="text" pattern="[A-Z]{3}[0-9]{4}" title="Please be sure to enter (3) capitol letters and (4) numbers 'ASD1234'")
    
    label(for="number") enter a number
    input(required type="number" id="qty" min="0" max="100" step="1" title="enter a number")

blackfalcon

<span class="inset-one">Hello</span>
<span class="inset-two">World</span>

blackfalcon

// ----
// libsass (v0.7.0)
// ----

// Exmple While Loop

@mixin spans($args) {
  $columns: $args;
  $col-val: length($columns);
  

blackfalcon

// ----
// libsass (v0.7.0)
// ----

// Importing library for use of the em() function
@import "bourbon/bourbon";


/* - inject vars directly into query - */
$break-small: em(320);

blackfalcon

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

/* - exploring the @content rule - */

// Creating the mixin that contains the @content rule
// -------------------------------
@mixin van ($selector: '.seats') {