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 f54d914..d90b1ce 100644 (file)
--- a/static/scss/_var.scss
+++ b/static/scss/_var.scss
@@ -9,8 +9,11 @@ $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 */
 
@@ -18,4 +21,8 @@ $textfonts: Helvetica, Arial, serif;
        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