Initial commit of jimeh.me v4.0

_sass/_setup.scss

@@ -0,0 +1,70 @@
+@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;
+  }
+}