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/list | |
| parent | 8e3ca1d64444408677c93721c198908de43fa417 (diff) | |
Updated the sample project.
Diffstat (limited to 'templates/project/widgets/list')
| -rw-r--r-- | templates/project/widgets/list/list.scss | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/templates/project/widgets/list/list.scss b/templates/project/widgets/list/list.scss index 248cef8..098200d 100644 --- a/templates/project/widgets/list/list.scss +++ b/templates/project/widgets/list/list.scss @@ -1,27 +1,29 @@ // ---------------------------------------------------------------------------- // Sass declarations // ---------------------------------------------------------------------------- -$widget-list_background-color: #12b0c5; -$widget-list_value-color: #fff; -$widget-list_title-color: lighten($widget-list_background-color, 45%); -$widget-list_label-color: lighten($widget-list_background-color, 45%); +$background-color: #12b0c5; +$value-color: #fff; + +$title-color: lighten($background-color, 45%); +$label-color: lighten($background-color, 45%); // ---------------------------------------------------------------------------- // Widget-list styles // ---------------------------------------------------------------------------- .widget-list { - background-color: $widget-list_background-color; + background-color: $background-color; + vertical-align: top; .title { - color: $widget-list_title-color; + color: $title-color; } ol, ul { margin: 0 15px; text-align: left; - color: $widget-list_label-color; + color: $label-color; } ol { @@ -37,14 +39,14 @@ $widget-list_label-color: lighten($widget-list_background-color, 45%); } .label { - color: $widget-list_label-color; + color: $label-color; } .value { float: right; margin-left: 12px; font-weight: 600; - color: $widget-list_value-color; + color: $value-color; } }
\ No newline at end of file |