jasonmelgoza

{
    "remove-empty-rulesets": true,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": "  ",
    "color-shorthand": true,
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": true,
    "quotes": "double",

jasonmelgoza

@mixin stickyFooter($footerHeight, $wrapSelector, $footerSelector) {
  html, body {
    height: 100%;
  }

  #{$wrapSelector} {
    min-height: 100%; /* equal to footer height */
    margin-bottom: -$footerHeight;
    &:after {
      content: "";

jasonmelgoza

<div class="field binary_switch_checkbox">
  <label class="binary_switch">
    <input type="checkbox" >
    <span class="binary_switch_track"></span>
    <span class="binary_switch_button"></span>
  </label>
</div>

jasonmelgoza

<div class="clearfix">

  <div class="row">
    <div class="col-md-6">
      <div class="row pair-row">
        <div class="col-md-4"><strong>Website URI</strong></div>
        <div class="col-md-8">
          <a href="#">http://www.cloudappuri.com</a>
        </div>                                  
      </div>

jasonmelgoza

<div class="panel panel-default">
  <div class="panel-body">
    <div class="panel-title">
      Uptime History
    </div>
  </div>
  <div class="history">
    <div class="history-row">
      <div class="history-left">
        <div><strong>Start Date</strong></div>

jasonmelgoza

<ul class="activity">
  <li class="activity-row">
    <div class="activity-inner">
      <div class="activity-icon activity-started"></div>
    <div class="activity-message">Started hip hop hippty hop don't stop on the bang bang boogy to bee <span class="activity-timestamp">5 hours ago</span></div>
    </div>
   </li>
   <li class="activity-row">
    <div class="activity-inner">
      <div class="activity-icon activity-provisioned"></div>

jasonmelgoza

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,

jasonmelgoza

.flash-alert {
  width: 540px;
  margin: 0 auto;
}

jasonmelgoza

Basic Vagrant Ruby/Node VM

# Install or use precise64 

vagrant init precise64 http://files.vagrantup.com/precise64.box

or 

vagrant init precise64

jasonmelgoza

@mixin font-size($percent, $min-font-size, $max-font-size) {
    // Min
    font-size: $min-font-size;

    @include breakpoint($min-font-size/$percent * 100) {
        font-size: #{$percent}vw;
    }

    @include breakpoint($max-font-size/$percent * 100) {
        font-size: $max-font-size;