craigmdennis

// Show pointer on labels to indicate clickability
label {
  cursor: pointer;
}

craigmdennis

Hello World

craigmdennis

// Buttons
// ".btn-{modifiername}", background-color, border, color
$buttons: (
  ("primary", #2F9ED8, #2886B7, #FFFFFF),
  ("secondary", #FFFFFF, #DDDDDD, #101010)
);

// Generate Button Modifiers 
@each $b in $buttons {
  .btn.btn-#{nth($b,1)} {

craigmdennis

.media {
  display: table;
  display: flex;
  align-items: flex-start;
}

.media-figure {
  margin-right: $baseline;
}

craigmdennis

"use strict"

# Include gulp
gulp        = require 'gulp'


# Include Our Plugins
jshint      = require 'gulp-jshint'
jade        = require 'gulp-jade'
del         = require 'del'

craigmdennis

# $('.target').myPlugin(); 
# $('.target').myPlugin({ paramA: 'not-foo' });
# $('.target').myPlugin('myMethod', 'Hello, world');

do($ = window.jQuery, window) ->

  # Define the plugin class
  class MyPlugin

    defaults:

craigmdennis

$dre:   320px;
$diddy: 480px;
$jayz:  600px;

// Using breakpoint it’s as simple as

@include breakpoint( $dre ) {
  width: 320px;
}

craigmdennis

// ===================================================
// Rem Conversion
// ===================================================

$pixelBase : 16;

@function parseInt($n) {
  @return $n / ($n * 0 + 1);
}

craigmdennis

<?php

  // Start off with an empty $title
  $title = '';
  
  // Get all the parents (except the homepage) and reverse the array
  $parents = $site->breadcrumb()->not('home')->flip();
  
  // Iterate over the array
  foreach ($parents AS $parent) :

craigmdennis

%clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}