From c8374dbb914fa91e7d7b11a3adeb0d86a176975e Mon Sep 17 00:00:00 2001 From: Aaron Quint Date: Fri, 24 Sep 2010 12:35:07 +0200 Subject: [PATCH] Beginnings of real scss --- css/screen.css | 280 ++++++++++++++++++++++++++++++----------------- index.html | 12 +- js/app.js | 5 +- js/default.js | 5 +- sass/screen.scss | 58 ++++++++-- 5 files changed, 242 insertions(+), 118 deletions(-) diff --git a/css/screen.css b/css/screen.css index afd8836..4563ff7 100644 --- a/css/screen.css +++ b/css/screen.css @@ -1,4 +1,4 @@ -/* line 4, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 4, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ html, body { margin: 0; padding: 0; @@ -10,12 +10,12 @@ html, body { vertical-align: baseline; } -/* line 6, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 6, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ html { font-size: 100.01%; } -/* line 16, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 16, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { @@ -29,7 +29,7 @@ dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, th vertical-align: baseline; } -/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ blockquote, q { margin: 0; padding: 0; @@ -41,12 +41,12 @@ blockquote, q { vertical-align: baseline; quotes: "" ""; } -/* line 45, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 45, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } -/* line 20, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 20, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ th, td, caption { margin: 0; padding: 0; @@ -61,7 +61,7 @@ th, td, caption { vertical-align: middle; } -/* line 22, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 22, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ table { margin: 0; padding: 0; @@ -76,33 +76,33 @@ table { vertical-align: middle; } -/* line 24, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ +/* line 24, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */ a img { border: none; } -/* line 40, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ +/* line 42, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #e5ecf9; } -/* line 43, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ +/* line 45, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eeeeee; } -/* line 46, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ +/* line 48, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eeeeee; } -/* line 48, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ +/* line 50, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ hr { background: #dddddd; color: #dddddd; @@ -114,7 +114,7 @@ hr { border: none; } -/* line 50, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ +/* line 52, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ hr.space { background: #dddddd; color: #dddddd; @@ -129,11 +129,11 @@ hr.space { visibility: hidden; } -/* line 52, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ +/* line 54, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */ form.inline { line-height: 3; } -/* line 6, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 6, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.inline p { margin-bottom: 0; } @@ -145,250 +145,250 @@ body.bp { color: #333333; font-size: 75%; } -/* line 52, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 68, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 { font-weight: normal; color: #222222; } -/* line 53, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 69, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h1 img, body.bp h2 img, body.bp h3 img, body.bp h4 img, body.bp h5 img, body.bp h6 img { margin: 0; } -/* line 54, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 70, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h1 { font-size: 3em; line-height: 1; margin-bottom: 0.50em; } -/* line 55, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 71, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h2 { font-size: 2em; margin-bottom: 0.75em; } -/* line 56, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 72, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1.00em; } -/* line 57, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 73, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } -/* line 58, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 74, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.50em; } -/* line 59, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 75, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp h6 { font-size: 1em; font-weight: bold; } -/* line 60, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 76, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp p { margin: 0 0 1.5em; } -/* line 61, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 77, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } -/* line 62, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 78, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; } -/* line 64, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 80, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp a { text-decoration: underline; color: #000099; } -/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ body.bp a:visited { color: #000066; } -/* line 22, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +/* line 22, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ body.bp a:focus { color: black; } -/* line 26, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +/* line 26, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ body.bp a:hover { color: black; } -/* line 30, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ +/* line 30, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */ body.bp a:active { color: #cc0099; } -/* line 65, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 81, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp blockquote { margin: 1.5em; color: #666666; font-style: italic; } -/* line 66, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 82, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp strong { font-weight: bold; } -/* line 67, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 83, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp em { font-style: italic; } -/* line 68, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 84, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp dfn { font-style: italic; font-weight: bold; } -/* line 69, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 85, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp sup, body.bp sub { line-height: 0; } -/* line 70, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 86, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp abbr, body.bp acronym { border-bottom: 1px dotted #666666; } -/* line 71, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 87, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp address { margin: 0 0 1.5em; font-style: italic; } -/* line 72, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 88, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp del { color: #666666; } -/* line 73, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 89, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp pre { margin: 1.5em 0; white-space: pre; } -/* line 74, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 90, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp pre, body.bp code, body.bp tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; } -/* line 75, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 91, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp li ul, body.bp li ol { margin: 0; } -/* line 76, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 92, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp ul, body.bp ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; } -/* line 77, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 93, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp ul { list-style-type: disc; } -/* line 78, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 94, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp ol { list-style-type: decimal; } -/* line 79, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 95, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp dl { margin: 0 0 1.5em 0; } -/* line 80, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 96, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp dl dt { font-weight: bold; } -/* line 81, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 97, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp dd { margin-left: 1.5em; } -/* line 82, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 98, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp table { margin-bottom: 1.4em; width: 100%; } -/* line 83, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 99, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp th { font-weight: bold; } -/* line 84, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 100, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp thead th { background: #c3d9ff; } -/* line 85, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 101, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp th, body.bp td, body.bp caption { padding: 4px 10px 4px 5px; } -/* line 86, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 102, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp tr.even td { background: #e5ecf9; } -/* line 87, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 103, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp tfoot { font-style: italic; } -/* line 88, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 104, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp caption { background: #eeeeee; } -/* line 89, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 105, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp .quiet { color: #666666; } -/* line 90, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ +/* line 106, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_typography.scss */ body.bp .loud { color: #111111; } -/* line 9, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 9, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .clear { clear: both; } -/* line 12, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 12, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .nowrap { white-space: nowrap; } -/* line 16, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 16, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .clearfix { overflow: hidden; *zoom: 1; } -/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .small { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; } -/* line 22, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 22, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; } -/* line 26, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 26, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .first { margin-left: 0; padding-left: 0; } -/* line 29, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 29, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .last { margin-right: 0; padding-right: 0; } -/* line 32, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 32, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .top { margin-top: 0; padding-top: 0; } -/* line 35, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ +/* line 35, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */ body.bp .bottom { margin-bottom: 0; padding-bottom: 0; } -/* line 8, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_debug.scss */ +/* line 8, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_debug.scss */ body.bp .showgrid { background: url('/grid.png'); } -/* line 4, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 4, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .error { padding: 0.8em; margin-bottom: 1em; @@ -397,11 +397,11 @@ body.bp .error { color: #8a1f11; border-color: #fbc2c4; } -/* line 29, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 29, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .error a { color: #8a1f11; } -/* line 6, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 6, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .notice { padding: 0.8em; margin-bottom: 1em; @@ -410,11 +410,11 @@ body.bp .notice { color: #514721; border-color: #ffd324; } -/* line 37, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 37, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .notice a { color: #514721; } -/* line 8, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 8, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .success { padding: 0.8em; margin-bottom: 1em; @@ -423,111 +423,195 @@ body.bp .success { color: #264409; border-color: #c6d880; } -/* line 45, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 45, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .success a { color: #264409; } -/* line 10, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 10, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .hide { display: none; } -/* line 12, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 12, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .highlight { background: yellow; } -/* line 14, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 14, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .added { background: #006600; color: white; } -/* line 16, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ +/* line 16, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */ body.bp .removed { background: #990000; color: white; } -/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 18, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp label { font-weight: bold; } -/* line 19, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 19, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp fieldset { padding: 1.4em; margin: 0 0 1.5em 0; } -/* line 20, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 20, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp legend { font-weight: bold; font-size: 1.2em; } -/* line 26, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 26, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] { margin: 0.5em 0; background-color: white; padding: 5px; } -/* line 27, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 27, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp input.title { font-size: 1.5em; } -/* line 31, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 31, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp input[type=checkbox], form.bp input.checkbox, form.bp input[type=radio], form.bp input.radio { position: relative; top: 0.25em; } -/* line 33, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 33, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp textarea { margin: 0.5em 0; padding: 5px; } -/* line 34, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 34, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp select { margin: 0.5em 0; } -/* line 59, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 59, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp fieldset { border: 1px solid #cccccc; } -/* line 62, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 62, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password], form.bp textarea, form.bp select { border: 1px solid #bbbbbb; } -/* line 64, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 64, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=email]:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus, form.bp textarea:focus, form.bp select:focus { border: 1px solid #666666; } -/* line 48, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 48, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] { width: 300px; } -/* line 50, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_form.scss */ +/* line 50, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_form.scss */ form.bp textarea { width: 390px; height: 250px; } -/* line 36, ../sass/screen.scss */ -body.bp #container { +/* line 40, ../sass/screen.scss */ +#container { width: 950px; margin: 0 auto; overflow: hidden; *zoom: 1; } -/* line 39, ../sass/screen.scss */ -body.bp #header, body.bp #footer { + +/* line 44, ../sass/screen.scss */ +#header { + display: inline; + float: left; + margin-right: 10px; + width: 950px; + position: relative; + border-bottom: 1px solid #e5e5e5; +} +/* line 139, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ +* html #header { + overflow-x: hidden; +} +/* line 48, ../sass/screen.scss */ +#header h1 { + font-weight: bold; + color: #4D5B60; +} +/* line 51, ../sass/screen.scss */ +#header h1 span { + color: #999999; + font-family: monospace; +} +/* line 56, ../sass/screen.scss */ +#header #loading { + position: absolute; + top: 5px; display: inline; float: left; margin-right: 10px; width: 950px; + text-align: center; } -/* line 139, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.11.alpha.0.3bf2a02/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ -* html body.bp #header, * html body.bp #footer { +/* line 139, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ +* html #header #loading { + overflow-x: hidden; +} + +/* line 64, ../sass/screen.scss */ +#footer { + display: inline; + float: left; + margin-right: 10px; + width: 950px; + font-size: 10px; + color: #999999; + margin-top: 20px; + text-align: center; + padding: 10px; +} +/* line 139, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ +* html #footer { overflow-x: hidden; } -/* line 45, ../sass/screen.scss */ -.action.complete { +/* line 73, ../sass/screen.scss */ +#actions { + display: inline; + float: left; + margin-right: 10px; + width: 950px; +} +/* line 139, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ +* html #actions { + overflow-x: hidden; +} +/* line 76, ../sass/screen.scss */ +#actions .action.complete { opacity: 0.5; } +/* line 79, ../sass/screen.scss */ +#actions .action .controls { + display: inline; + float: left; + margin-right: 10px; + width: 30px; + margin-top: 1.5em; +} +/* line 139, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ +* html #actions .action .controls { + overflow-x: hidden; +} +/* line 83, ../sass/screen.scss */ +#actions .action .content { + display: inline; + float: left; + margin-right: 0; + width: 910px; + font-size: 2.4em; +} +/* line 139, ../../../../.rvm/gems/ruby-1.8.7-p249/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_grid.scss */ +* html #actions .action .content { + overflow-x: hidden; +} +/* line 87, ../sass/screen.scss */ +#actions .action .meta { + padding-left: 40px; + color: #e5e5e5; +} diff --git a/index.html b/index.html index b9a0a5a..be3c216 100644 --- a/index.html +++ b/index.html @@ -12,10 +12,8 @@
@@ -36,14 +34,14 @@

action =>

diff --git a/js/app.js b/js/app.js index 9b1cd89..ac62f80 100644 --- a/js/app.js +++ b/js/app.js @@ -49,7 +49,6 @@ timestr: function(milli) { if (!milli || $.trim(milli) == '') { return ''; } var date = new Date(parseInt(milli, 10)); - this.log('milli', milli, 'int', parseInt(milli, 10), 'date', date); return date.strftime('%c'); }, @@ -91,7 +90,7 @@ this.post('#/action', function(ctx) { this.send(Action.create, this.params['action']) .then(function(response) { - this.trigger('add-action', {id: response['id']}) + this.event_context.trigger('add-action', {id: response['id']}) }) .send(clearForm); }); @@ -101,7 +100,7 @@ this.send(Action.get, data['id']) .render($('#action-template')) .prependTo('#actions') - .then(this.formatTimes); + .then('formatTimes'); }); this.bind('toggle-action', function(e, data) { diff --git a/js/default.js b/js/default.js index 3bca99c..5444918 100644 --- a/js/default.js +++ b/js/default.js @@ -11301,7 +11301,6 @@ if (!window.Mustache) { timestr: function(milli) { if (!milli || $.trim(milli) == '') { return ''; } var date = new Date(parseInt(milli, 10)); - this.log('milli', milli, 'int', parseInt(milli, 10), 'date', date); return date.strftime('%c'); }, @@ -11343,7 +11342,7 @@ if (!window.Mustache) { this.post('#/action', function(ctx) { this.send(Action.create, this.params['action']) .then(function(response) { - this.trigger('add-action', {id: response['id']}) + this.event_context.trigger('add-action', {id: response['id']}) }) .send(clearForm); }); @@ -11353,7 +11352,7 @@ if (!window.Mustache) { this.send(Action.get, data['id']) .render($('#action-template')) .prependTo('#actions') - .then(this.formatTimes); + .then('formatTimes'); }); this.bind('toggle-action', function(e, data) { diff --git a/sass/screen.scss b/sass/screen.scss index 20365df..c73ff2d 100644 --- a/sass/screen.scss +++ b/sass/screen.scss @@ -32,17 +32,61 @@ form.bp { @include blueprint-form; } -body.bp { - #container { - @include container; +// --- + +$grey: #999; +$lt-grey: #E5E5E5; + +#container { + @include container; +} + +#header { + @include column($blueprint-grid-columns); + position: relative; + border-bottom: 1px solid $lt-grey; + h1 { + font-weight: bold; + color: #4D5B60; + span { + color: $grey; + font-family: monospace; + } } - #header, #footer { + #loading { + position: absolute; + top: 5px; @include column($blueprint-grid-columns); + text-align: center; } } -.action { - &.complete { - opacity: 0.5; +#footer { + @include column($blueprint-grid-columns); + font-size: 10px; + color: $grey; + margin-top: 20px; + text-align:center; + padding: 10px; +} + +#actions { + @include column($blueprint-grid-columns); + .action { + &.complete { + opacity: 0.5; + } + .controls { + @include column(1); + @include prepend-top; + } + .content { + @include column($blueprint-grid-columns - 1, true); + font-size: 2.4em; + } + .meta { + @include prepend(1); + color: $lt-grey; + } } }