blackfalcon

<div class="block"></div>

blackfalcon

// ----
// libsass (v2.0.0)
// ----

$logo-mark: "/images/logos/appdirect/mark/logo_mark-small.png", 30px, 30px !default;

@mixin _adb-replace-text-with-image($image) {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;

blackfalcon

doctype html
html(lang="en")
  head
  body
    .widget-container.calc
      section.tri-col-widget
        .col
          demo these are words that will go into the column for demo purposes
        .col
          demo these are words that will go into the column for demo purposes

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') {

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

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

// example Sass While loop

@import "bourbon/bourbon";

$column: one two three four five six seven;
$length: length($column);

blackfalcon

.icon-success {
  background-image: url(/images/icons/success.png); }

.icon-warning {
  background-image: url(/images/icons/warning.png); }

.icon-purchase {
  background-image: url(/images/icons/purchase.png); }

/* ----------------------------------- */

blackfalcon

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

// Exmple While Loop

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

blackfalcon

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

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")