diff options
| author | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-10-30 05:16:35 -0400 |
|---|---|---|
| committer | Daniel Beauchamp <daniel.beauchamp@shopify.com> | 2012-10-30 05:16:35 -0400 |
| commit | a4a4564f760bb1bcd541366186cd46488d5a569b (patch) | |
| tree | 3737ae6d233464482482880bd858665866686f10 /templates/project/widgets/text | |
| parent | 3a77d19282f2055559c63468c574b824138464ac (diff) | |
Added new widgets, and made them more flexible. Ready for 0.1.3!
Diffstat (limited to 'templates/project/widgets/text')
| -rw-r--r-- | templates/project/widgets/text/text.html | 6 | ||||
| -rw-r--r-- | templates/project/widgets/text/text.scss | 17 |
2 files changed, 16 insertions, 7 deletions
diff --git a/templates/project/widgets/text/text.html b/templates/project/widgets/text/text.html index 02bd0f7..45322ca 100644 --- a/templates/project/widgets/text/text.html +++ b/templates/project/widgets/text/text.html @@ -1,5 +1,7 @@ <h1 class="title" data-bind="title"></h1> -<h3 data-bind="text"></h3> +<h3 data-bind="text | raw"></h3> -<p class="text-moreinfo" data-bind="moreinfo">2012-07-26 10:59AM</p>
\ No newline at end of file +<p class="more-info" data-bind="moreinfo | raw"></p> + +<p class="updated-at" data-bind="updatedAtMessage"></p>
\ No newline at end of file diff --git a/templates/project/widgets/text/text.scss b/templates/project/widgets/text/text.scss index 4293602..4e6c6e3 100644 --- a/templates/project/widgets/text/text.scss +++ b/templates/project/widgets/text/text.scss @@ -1,11 +1,10 @@ // ---------------------------------------------------------------------------- // Sass declarations // ---------------------------------------------------------------------------- -$background-color: #ec663c;; -$value-color: #fff; +$background-color: #ec663c; -$title-color: lighten($background-color, 40%); -$moreinfo-color: lighten($background-color, 30%); +$title-color: rgba(255, 255, 255, 0.7); +$moreinfo-color: rgba(255, 255, 255, 0.7); // ---------------------------------------------------------------------------- // Widget-text styles @@ -18,8 +17,16 @@ $moreinfo-color: lighten($background-color, 30%); color: $title-color; } - .text-moreinfo { + .more-info { color: $moreinfo-color; } + + .updated-at { + color: rgba(255, 255, 255, 0.7); + } + + &.large h3 { + font-size: 65px; + } }
\ No newline at end of file |