From cdd8ff258582f5eba7e3941a5a18007e7aabbbfa Mon Sep 17 00:00:00 2001 From: Daniel Beauchamp Date: Thu, 2 Aug 2012 13:38:19 -0400 Subject: Better generators, sample widgets, and more! --- templates/project/widgets/meter/meter.scss | 35 ++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 templates/project/widgets/meter/meter.scss (limited to 'templates/project/widgets/meter/meter.scss') 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 -- cgit v1.2.3 From 54c6a04b722663b518bf99b4d98a1c2e86ee5103 Mon Sep 17 00:00:00 2001 From: Daniel Beauchamp Date: Tue, 14 Aug 2012 05:23:57 -0400 Subject: Updated the sample project. --- templates/project/widgets/meter/meter.scss | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) (limited to 'templates/project/widgets/meter/meter.scss') 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; -- cgit v1.2.3 From a4a4564f760bb1bcd541366186cd46488d5a569b Mon Sep 17 00:00:00 2001 From: Daniel Beauchamp Date: Tue, 30 Oct 2012 05:16:35 -0400 Subject: Added new widgets, and made them more flexible. Ready for 0.1.3! --- templates/project/widgets/meter/meter.scss | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) (limited to 'templates/project/widgets/meter/meter.scss') diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss index dec0cc6..98cf638 100644 --- a/templates/project/widgets/meter/meter.scss +++ b/templates/project/widgets/meter/meter.scss @@ -1,15 +1,12 @@ // ---------------------------------------------------------------------------- // Sass declarations // ---------------------------------------------------------------------------- - $background-color: #9c4274; -$value-color: #fff; -$title-color: lighten($background-color, 75%); -$moreinfo-color: lighten($background-color, 45%); +$title-color: rgba(255, 255, 255, 0.7); +$moreinfo-color: rgba(255, 255, 255, 0.3); -$meter-background: darken($background-color, 10%); -$meter-foreground: lighten($background-color, 75%); +$meter-background: darken($background-color, 15%); // ---------------------------------------------------------------------------- // Widget-meter styles @@ -20,18 +17,19 @@ $meter-foreground: lighten($background-color, 75%); input.meter { background-color: $meter-background; - color: $meter-foreground; + color: #fff; } .title { color: $title-color; } - .text-moreinfo { + .more-info { color: $moreinfo-color; - font-weight: 600; - font-size: 20px; - margin-top: 0; + } + + .updated-at { + color: rgba(0, 0, 0, 0.3); } } \ No newline at end of file -- cgit v1.2.3 From 5934a2729d93d24e67016dc4dd101c689378ae33 Mon Sep 17 00:00:00 2001 From: Ayrton De Craene Date: Fri, 16 Nov 2012 11:18:06 +0100 Subject: Removes whitespace :scissors: --- templates/project/widgets/meter/meter.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'templates/project/widgets/meter/meter.scss') diff --git a/templates/project/widgets/meter/meter.scss b/templates/project/widgets/meter/meter.scss index 98cf638..da9ff0b 100644 --- a/templates/project/widgets/meter/meter.scss +++ b/templates/project/widgets/meter/meter.scss @@ -11,16 +11,16 @@ $meter-background: darken($background-color, 15%); // ---------------------------------------------------------------------------- // Widget-meter styles // ---------------------------------------------------------------------------- -.widget-meter { +.widget-meter { background-color: $background-color; - - input.meter { + + input.meter { background-color: $meter-background; color: #fff; } - .title { + .title { color: $title-color; } @@ -31,5 +31,5 @@ $meter-background: darken($background-color, 15%); .updated-at { color: rgba(0, 0, 0, 0.3); } - -} \ No newline at end of file + +} -- cgit v1.2.3