Switch from CSS to SASS

I probably should figure out how to start rack in the code, so I'd get
caching of the SASS (and in future Coffee) files, instead of Sinatra
generating them always on the fly

2 files changed, 52 insertions, 1 deletions

diff --git a/lib/oxidized/api/web/views/head.haml b/lib/oxidized/api/web/views/head.haml
index 1619512..55fdb7c 100644
--- a/lib/oxidized/api/web/views/head.haml
+++ b/lib/oxidized/api/web/views/head.haml
@@ -1,3 +1,3 @@
 %head
   %title oxidized
-  %link{:rel=>'stylesheet', :href=>'/css/oxidized.css'}
+  %link{:rel=>'stylesheet', :href=>'/stylesheets/oxidized.css'}
diff --git a/lib/oxidized/api/web/views/oxidized.sass b/lib/oxidized/api/web/views/oxidized.sass
new file mode 100644
index 0000000..39d090f
--- /dev/null
+++ b/lib/oxidized/api/web/views/oxidized.sass
@@ -0,0 +1,51 @@
+$font-stack: Helvetica, sans-serif
+$base03:     #002b36
+$base02:     #073642
+$base01:     #586e75
+$base00:     #657b83
+$base0:      #839496
+$base1:      #93a1a1
+$base2:      #eee8d5
+$base3:      #fdf6e3
+$yellow:     #b58900
+$orange:     #cb4b16
+$red:        #dc322f
+$magenta:    #d33682
+$violet:     #6c71c4
+$blue:       #268bd2
+$cyan:       #2aa198
+$green:      #859900
+
+body
+  font: 100% $font-stack
+  color: $base03
+  background: $base3
+
+a:link
+  color: $red
+  text-decoration: none
+
+// a:visited
+// a:active
+
+a:hover
+  color: $magenta
+  text-decoration: underline
+
+.center
+  margin-left: auto
+  margin-right: auto
+  text-align: center
+
+th
+  color: $cyan
+
+tr.odd
+  background: $base2
+
+tr.even
+  background: $base3
+
+tr:hover
+  background: $base01
+  color: $base3