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/list/list.scss | |
parent | 1dcf732b801f9fa513901fda27388a36eddb44ab (diff) |
Better generators, sample widgets, and more!
Diffstat (limited to 'templates/project/widgets/list/list.scss')
-rw-r--r-- | templates/project/widgets/list/list.scss | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/templates/project/widgets/list/list.scss b/templates/project/widgets/list/list.scss new file mode 100644 index 0000000..248cef8 --- /dev/null +++ b/templates/project/widgets/list/list.scss @@ -0,0 +1,50 @@ +// ---------------------------------------------------------------------------- +// 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%); + +// ---------------------------------------------------------------------------- +// Widget-list styles +// ---------------------------------------------------------------------------- +.widget-list { + + background-color: $widget-list_background-color; + + .title { + color: $widget-list_title-color; + } + + ol, ul { + margin: 0 15px; + text-align: left; + color: $widget-list_label-color; + } + + ol { + list-style-position: inside; + } + + li { + margin-bottom: 5px; + } + + .list-nostyle { + list-style: none; + } + + .label { + color: $widget-list_label-color; + } + + .value { + float: right; + margin-left: 12px; + font-weight: 600; + color: $widget-list_value-color; + } + +}
\ No newline at end of file |