summaryrefslogtreecommitdiff
path: root/lib/oxidized/api/web/views
diff options
context:
space:
mode:
authorSaku Ytti <saku@ytti.fi>2014-03-01 19:27:44 +0200
committerSaku Ytti <saku@ytti.fi>2014-03-01 19:27:44 +0200
commit465de586078eb40e6d0ae820d9da8a254c181021 (patch)
tree87bbbe5b7732fb58c0b6b77bc2de67caa0318ff4 /lib/oxidized/api/web/views
parent7c2565720c898b0573a5a30db958d8a78577f4a4 (diff)
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
Diffstat (limited to 'lib/oxidized/api/web/views')
-rw-r--r--lib/oxidized/api/web/views/head.haml2
-rw-r--r--lib/oxidized/api/web/views/oxidized.sass51
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