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/meter/meter.scss | |
parent | 8e3ca1d64444408677c93721c198908de43fa417 (diff) |
Updated the sample project.
Diffstat (limited to 'templates/project/widgets/meter/meter.scss')
-rw-r--r-- | templates/project/widgets/meter/meter.scss | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss index b134361..dec0cc6 100644 --- a/templates/project/widgets/meter/meter.scss +++ b/templates/project/widgets/meter/meter.scss @@ -1,32 +1,34 @@ // ---------------------------------------------------------------------------- // Sass declarations // ---------------------------------------------------------------------------- -$widget-meter_background-color: #9c4274; -$widget-meter_value-color: #fff; -$widget-meter_title-color: lighten($widget-meter_background-color, 45%); -$widget-text_moreinfo-color: lighten($widget-meter_background-color, 45%); +$background-color: #9c4274; +$value-color: #fff; -$widget-meter-bg: darken($widget-meter_background-color, 15%); -$widget-meter-fg: lighten($widget-meter_background-color, 75%); +$title-color: lighten($background-color, 75%); +$moreinfo-color: lighten($background-color, 45%); + +$meter-background: darken($background-color, 10%); +$meter-foreground: lighten($background-color, 75%); // ---------------------------------------------------------------------------- // Widget-meter styles // ---------------------------------------------------------------------------- .widget-meter { - background-color: $widget-meter_background-color; + background-color: $background-color; input.meter { - background-color: $widget-meter-bg; - color: $widget-meter-fg; + background-color: $meter-background; + color: $meter-foreground; } .title { - color: $widget-meter_title-color; + color: $title-color; } .text-moreinfo { + color: $moreinfo-color; font-weight: 600; font-size: 20px; margin-top: 0; |