jimeh.github.io/_sass/_setup.scss

@charset "utf-8";

// Our variables
$base-font-family:    'Open Sans', Helvetica, Arial, sans-serif;
$base-font-size:      14px;
$heading-font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
$small-font-size:     $base-font-size * 0.875;
$base-line-height:    1.5;

$spacing-unit:        30px;

$text-color:          #1a1a1a;

$name-color:          lighten($text-color, 15.5%);
$nickname-color:      lighten($text-color, 75%);
$sub-title-color:     lighten($text-color, 55%);
$link-color:          lighten($text-color, 65%);
$link-hover-color:    lighten($text-color, 55%);

$background-color:    #fdfdfd;
$brand-color:         #1193f6;
$brand-color-dark:    darken($brand-color, 10%);

$grey-color:          #828282;
$grey-color-light:    lighten($grey-color, 40%);
$grey-color-dark:     darken($grey-color, 25%);

$on-palm:             768px;
$on-laptop:           800px;

@mixin media-query($device) {
    @media screen and (max-width: $device) {
        @content;
    }
}

@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
}

@mixin transform($transforms) {
     -moz-transform: $transforms;
       -o-transform: $transforms;
      -ms-transform: $transforms;
  -webkit-transform: $transforms;
          transform: $transforms;
}

@mixin transition($transforms) {
     -moz-transition: $transforms;
       -o-transition: $transforms;
      -ms-transition: $transforms;
  -webkit-transition: $transforms;
          transition: $transforms;
}

@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
  @if $inset {
    -webkit-box-shadow:inset $top $left $blur $color;
    -moz-box-shadow:inset $top $left $blur $color;
    box-shadow:inset $top $left $blur $color;
  } @else {
    -webkit-box-shadow: $top $left $blur $color;
    -moz-box-shadow: $top $left $blur $color;
    box-shadow: $top $left $blur $color;
  }
}