Borders and padding were causing reflow with animation. Animation now only animates...

[philo.git] / static / scss / _var.scss

diff --git a/static/scss/_var.scss b/static/scss/_var.scss
index c12069c..d90b1ce 100644 (file)
--- a/static/scss/_var.scss
+++ b/static/scss/_var.scss
@@ -1,8 +1,28 @@
-$bgcolor: #2A486D;
-$bgcolor1: adjust-hue(lighten($bgcolor, 20%), 20deg);
-$bgcolor2: darken($bgcolor, 20%);
-$contentwidth: 900px;
-$contentpadding: 19px;
-$contentborderwidth: 1px;
-$containerwidth: $contentwidth+$contentpadding+$contentborderwidth;
-$contentbg: #FFF;
\ No newline at end of file
+/* Compass Vars */
+
+$base-font-size: 16px;
+$base-line-height: 25px;
+
+
+/* Custom Vars */
+$page-width: 750px;
+$page-background: #E0E5EF;
+$content-background: transparent;
+$foreground: #333;
+$accent: #408000;
+$accent2: #004080;
+
+$textfonts: Helvetica, Arial, serif;
+$headingfonts: "Expletus Sans", $textfonts;
+
+/* custom mixins */
+
+@mixin body-text{
+       color:$foreground;
+       text-shadow:0 1px 0 #FFF;
+       font-family: $textfonts;
+}
+
+@mixin box-inset($inset: rgba(0,0,0,.15), $outset: #FFF){
+       @include box-shadow(0 1px 2px 0  $inset inset, 0 1px 0 0 $outset);
+}
\ No newline at end of file