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/text | |
parent | 1dcf732b801f9fa513901fda27388a36eddb44ab (diff) |
Better generators, sample widgets, and more!
Diffstat (limited to 'templates/project/widgets/text')
-rw-r--r-- | templates/project/widgets/text/text.coffee | 2 | ||||
-rw-r--r-- | templates/project/widgets/text/text.html | 5 | ||||
-rw-r--r-- | templates/project/widgets/text/text.scss | 25 |
3 files changed, 32 insertions, 0 deletions
diff --git a/templates/project/widgets/text/text.coffee b/templates/project/widgets/text/text.coffee new file mode 100644 index 0000000..754644e --- /dev/null +++ b/templates/project/widgets/text/text.coffee @@ -0,0 +1,2 @@ +class AllTheThings.Text extends AllTheThings.Widget + source: 'text'
\ No newline at end of file diff --git a/templates/project/widgets/text/text.html b/templates/project/widgets/text/text.html new file mode 100644 index 0000000..02bd0f7 --- /dev/null +++ b/templates/project/widgets/text/text.html @@ -0,0 +1,5 @@ +<h1 class="title" data-bind="title"></h1> + +<h3 data-bind="text"></h3> + +<p class="text-moreinfo" data-bind="moreinfo">2012-07-26 10:59AM</p>
\ No newline at end of file diff --git a/templates/project/widgets/text/text.scss b/templates/project/widgets/text/text.scss new file mode 100644 index 0000000..591c32e --- /dev/null +++ b/templates/project/widgets/text/text.scss @@ -0,0 +1,25 @@ +// ---------------------------------------------------------------------------- +// Sass declarations +// ---------------------------------------------------------------------------- +$widget-text_background-color: #ec663c; +$widget-text_value-color: #fff; + +$widget-text_title-color: lighten($widget-text_background-color, 30%); +$widget-text_moreinfo-color: lighten($widget-text_background-color, 30%); + +// ---------------------------------------------------------------------------- +// Widget-text styles +// ---------------------------------------------------------------------------- +.widget-text { + + background-color: $widget-text_background-color; + + .title { + color: $widget-text_title-color; + } + + .text-moreinfo { + color: $widget-text_moreinfo-color; + } + +}
\ No newline at end of file |