diff options
| author | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-08-02 13:38:19 -0400 |
|---|---|---|
| committer | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-08-02 13:38:19 -0400 |
| commit | cdd8ff258582f5eba7e3941a5a18007e7aabbbfa (patch) | |
| tree | 259644bbbda24070efc5685445e6b26187a70b20 /templates/project/widgets/meter/meter.scss | |
| parent | 1dcf732b801f9fa513901fda27388a36eddb44ab (diff) | |
Better generators, sample widgets, and more!
Diffstat (limited to 'templates/project/widgets/meter/meter.scss')
| -rw-r--r-- | templates/project/widgets/meter/meter.scss | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss new file mode 100644 index 0000000..b134361 --- /dev/null +++ b/templates/project/widgets/meter/meter.scss @@ -0,0 +1,35 @@ +// ---------------------------------------------------------------------------- +// 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%); + +$widget-meter-bg: darken($widget-meter_background-color, 15%); +$widget-meter-fg: lighten($widget-meter_background-color, 75%); + +// ---------------------------------------------------------------------------- +// Widget-meter styles +// ---------------------------------------------------------------------------- +.widget-meter { + + background-color: $widget-meter_background-color; + + input.meter { + background-color: $widget-meter-bg; + color: $widget-meter-fg; + } + + .title { + color: $widget-meter_title-color; + } + + .text-moreinfo { + font-weight: 600; + font-size: 20px; + margin-top: 0; + } + +}
\ No newline at end of file |