jasonkmccoy

alias sublime='open -a "Sublime Text"'

alias st='open -a "Sublime Text"'

alias subl='open -a "Sublime Text"'

alias server="python -m SimpleHTTPServer"

alias sandbox="cd /Users/jason/Desktop/sandbox"

jasonkmccoy

=line-height($heightValue: 12)
  line-height: $heightValue + px
  //fallback for old browsers
  line-height: 0.125 * $heightValue + rem

jasonkmccoy

/* Placeholder Mixin
 *==========================================================================

=placeholder-color($color)
  &.placeholder
    color: $color
  &:-moz-placeholder
    color: $color
  &::-webkit-input-placeholder
    color: $color

jasonkmccoy

// *************************************
//
//   First Level
//   -> Description
//
// *************************************

// -------------------------------------
//   Second Level
// -------------------------------------

jasonkmccoy

=break-point($point)
  @if $point == desktop
    @media only screen and (max-width: 50em)
      @content
  @else if $point == mobile
    @media only screen and (max-width: 20em)
      @content

// Usage
div

jasonkmccoy

=ghost-button($font, $font-size, $font-color, $border-size, $border-color, $padding, $transition-speed, $hover-color)
  display: inline-block
  text-decoration: none
  text-transform: uppercase
  font-family: $font
  font-size: $font-size
  color: $font-color
  border: $border-size solid $border-color
  padding: $padding
  -webkit-transition: color $transition-speed, background $transition-speed

jasonkmccoy

@mixin flex-direction($direction) {
 @if $direction == column {
   -webkit-flex-direction:vertical;
   -moz-flex-direction:vertical;
   -ms-flex-direction:column;
   -webkit-flex-direction:column;
   flex-direction:column;
 } @else {
   -webkit-flex-direction:horizontal;
   -moz-flex-direction:horizontal;

jasonkmccoy

@mixin flex-order($order){
  -webkit-box-ordinal-group: $order; // old
  -moz-box-ordinal-group: $order; // old
  -ms-flex-order: $order; // ie
  -webkit-order: $order; // new
  order: $order; // new
}

// Usage
div {

jasonkmccoy

@mixin flex($values) {
  -webkit-box-flex: $values;
  -moz-box-flex:  $values;
  -ms-flex:  $values;
  -webkit-flex:  $values;
  flex:  $values;
}

// Usage
 div {

jasonkmccoy

=flexbox
  display: -webkit-box
  display: -moz-box
  display: -ms-flexbox
  display: -webkit-flex
  display: flex

// Usage
div
  +flexbox