diff options
| author | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-08-14 05:23:57 -0400 |
|---|---|---|
| committer | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-08-14 05:23:57 -0400 |
| commit | 54c6a04b722663b518bf99b4d98a1c2e86ee5103 (patch) | |
| tree | 91cc311d76bcdd0c6fb053798b383fbeb44c4063 /templates/project/widgets/graph/graph.scss | |
| parent | 8e3ca1d64444408677c93721c198908de43fa417 (diff) | |
Updated the sample project.
Diffstat (limited to 'templates/project/widgets/graph/graph.scss')
| -rw-r--r-- | templates/project/widgets/graph/graph.scss | 51 |
1 files changed, 51 insertions, 0 deletions
diff --git a/templates/project/widgets/graph/graph.scss b/templates/project/widgets/graph/graph.scss new file mode 100644 index 0000000..f2a1e21 --- /dev/null +++ b/templates/project/widgets/graph/graph.scss @@ -0,0 +1,51 @@ +// ---------------------------------------------------------------------------- +// Sass declarations +// ---------------------------------------------------------------------------- +$background-color: #2e864f; +$value-color: #fff; + +$title-color: lighten($background-color, 75%); +$moreinfo-color: lighten($background-color, 45%); + +$graph_color: lighten($background-color, 75%); + +// ---------------------------------------------------------------------------- +// Widget-graph styles +// ---------------------------------------------------------------------------- +.widget-graph { + + background-color: $background-color; + position: relative; + + svg { + color: $graph_color; + opacity: 0.4; + fill-opacity: 0.4; + position: absolute; + bottom: 0; + left: 0; + right: 0; + } + + .title, .value { + position: relative; + z-index: 99; + } + + .title { + color: $title-color; + } + + .text-moreinfo { + color: $moreinfo-color; + font-weight: 600; + font-size: 20px; + margin-top: 0; + } + + .x_tick { + position: absolute; + bottom: 0; + } + +}
\ No newline at end of file |