summaryrefslogtreecommitdiff
path: root/templates/project/widgets/list
diff options
context:
space:
mode:
authorDaniel Beauchamp <daniel.beauchamp@shopify.com>2012-08-14 05:23:57 -0400
committerDaniel Beauchamp <daniel.beauchamp@shopify.com>2012-08-14 05:23:57 -0400
commit54c6a04b722663b518bf99b4d98a1c2e86ee5103 (patch)
tree91cc311d76bcdd0c6fb053798b383fbeb44c4063 /templates/project/widgets/list
parent8e3ca1d64444408677c93721c198908de43fa417 (diff)
Updated the sample project.
Diffstat (limited to 'templates/project/widgets/list')
-rw-r--r--templates/project/widgets/list/list.scss20
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