summaryrefslogtreecommitdiff
path: root/templates/project/widgets/text
diff options
context:
space:
mode:
authorDaniel Beauchamp <daniel.beauchamp@shopify.com>2012-08-02 13:38:19 -0400
committerDaniel Beauchamp <daniel.beauchamp@shopify.com>2012-08-02 13:38:19 -0400
commitcdd8ff258582f5eba7e3941a5a18007e7aabbbfa (patch)
tree259644bbbda24070efc5685445e6b26187a70b20 /templates/project/widgets/text
parent1dcf732b801f9fa513901fda27388a36eddb44ab (diff)
Better generators, sample widgets, and more!
Diffstat (limited to 'templates/project/widgets/text')
-rw-r--r--templates/project/widgets/text/text.coffee2
-rw-r--r--templates/project/widgets/text/text.html5
-rw-r--r--templates/project/widgets/text/text.scss25
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