From 12999c17cb28dd89202310c655fc50f3cdb63497 Mon Sep 17 00:00:00 2001 From: Corey Purcell Date: Tue, 17 Aug 2010 10:44:00 -0400 Subject: [PATCH] sass and compass working together --- Gemfile | 2 + Gemfile.lock | 5 + app/models/task.rb | 3 +- app/stylesheets/_mixins.sass | 10 + app/stylesheets/screen.sass | 17 +- app/views/layouts/application.html.haml | 2 +- app/views/lists/show.html.haml | 3 +- app/views/tasks/_task.html.haml | 3 + config.ru | 2 + config/compass.rb | 11 + config/environments/development.rb | 1 + config/environments/production.rb | 3 + config/initializers/compass.rb | 3 + ...817123058_acts_as_taggable_on_migration.rb | 28 ++ db/schema.rb | 19 +- public/stylesheets/compiled/screen.css | 230 ---------- public/stylesheets/ie.css | 5 + public/stylesheets/print.css | 3 + public/stylesheets/screen.css | 425 ++++++++++++++++++ 19 files changed, 539 insertions(+), 236 deletions(-) create mode 100644 app/stylesheets/_mixins.sass create mode 100644 config/compass.rb create mode 100644 config/initializers/compass.rb create mode 100644 db/migrate/20100817123058_acts_as_taggable_on_migration.rb delete mode 100644 public/stylesheets/compiled/screen.css create mode 100644 public/stylesheets/ie.css create mode 100644 public/stylesheets/print.css create mode 100644 public/stylesheets/screen.css diff --git a/Gemfile b/Gemfile index 68776ce..ef28af6 100644 --- a/Gemfile +++ b/Gemfile @@ -10,6 +10,8 @@ end gem "haml", ">= 3.0.12" gem "haml-rails" +gem 'acts-as-taggable-on' +gem 'compass', ">= 0.10.4" # Use unicorn as the web server # gem 'unicorn' diff --git a/Gemfile.lock b/Gemfile.lock index 73f726e..263d59c 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -28,9 +28,12 @@ GEM activemodel (= 3.0.0.rc) activesupport (= 3.0.0.rc) activesupport (3.0.0.rc) + acts-as-taggable-on (2.0.6) arel (0.4.0) activesupport (>= 3.0.0.beta) builder (2.1.2) + compass (0.10.4) + haml (>= 3.0.4) diff-lcs (1.1.2) erubis (2.6.6) abstract (>= 1.0.0) @@ -95,6 +98,8 @@ PLATFORMS ruby DEPENDENCIES + acts-as-taggable-on + compass (>= 0.10.4) factory_girl_rails (>= 1.0.0) haml (>= 3.0.12) haml-rails diff --git a/app/models/task.rb b/app/models/task.rb index 7db2bee..1e008e1 100644 --- a/app/models/task.rb +++ b/app/models/task.rb @@ -1,7 +1,6 @@ class Task < ActiveRecord::Base - belongs_to :list - + acts_as_taggable_on :tags scope :completed, where(:completed => true) scope :incomplete, where(:completed => false) end diff --git a/app/stylesheets/_mixins.sass b/app/stylesheets/_mixins.sass new file mode 100644 index 0000000..048acde --- /dev/null +++ b/app/stylesheets/_mixins.sass @@ -0,0 +1,10 @@ +@mixin box($color: rgb(230, 230, 230), $border: rgb(221,221,221), $radius: 5px, $padding: 5px, $margin: 0.5em) + -moz-border-radius: $radius + -webkit-border-radius: $radius + border-radius: $radius + background-color: rgba(0, 0, 0, 0.05) + margin-bottom: $margin + padding: $padding + background-color: $color + border: 1px solid $border + diff --git a/app/stylesheets/screen.sass b/app/stylesheets/screen.sass index 59a2650..0fd30d2 100644 --- a/app/stylesheets/screen.sass +++ b/app/stylesheets/screen.sass @@ -1,9 +1,24 @@ +@import "compass/reset" @import "standard" +@import "mixins" + +@import "compass/css3/box-shadow" .task + width: 100% + @include box(white, white) + @include box-shadow(#333,1px,1px,2px) form.mark_complete display: inline - + ul.tags + display: inline + float: right + margin-top: 2px + li + display: inline + list-style-type: none + padding-right: 5px + @include box(rgb(231,235,249),rgb(188,202,240), 7px, 4px, 0) ul#complete li.task text-decoration: line-through diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 4cb31db..6103ff5 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -2,7 +2,7 @@ %html %head %title Todo - = stylesheet_link_tag 'compiled/screen' + = stylesheet_link_tag 'screen' = javascript_include_tag :defaults = csrf_meta_tag %body.content diff --git a/app/views/lists/show.html.haml b/app/views/lists/show.html.haml index 9752631..50802a8 100644 --- a/app/views/lists/show.html.haml +++ b/app/views/lists/show.html.haml @@ -11,7 +11,8 @@ = form_for [@list, @task], :remote => true do |f| %p - ~f.text_field :description + ~f.text_field :description, :placeholder => "New to do" + =f.text_field :tag_list, :placeholder => "Tags" ~f.submit %hr = link_to "Back to list index", lists_path diff --git a/app/views/tasks/_task.html.haml b/app/views/tasks/_task.html.haml index 01eb490..7879e57 100644 --- a/app/views/tasks/_task.html.haml +++ b/app/views/tasks/_task.html.haml @@ -3,5 +3,8 @@ = form_tag complete_task_path(@list.id, task.id), :class => "mark_complete", :remote => true do = check_box_tag "complete", "1", false, "data-remote".to_sym => true, :action => complete_task_path(@list.id, task.id) = "#{task.description}" + %ul.tags + - task.tag_list.each do |tag| + %li=tag diff --git a/config.ru b/config.ru index 4bab404..29a4a28 100644 --- a/config.ru +++ b/config.ru @@ -1,4 +1,6 @@ # This file is used by Rack-based servers to start the application. require ::File.expand_path('../config/environment', __FILE__) +#use Rack::Static, :urls => ["/stylesheets/compiled"], :root => "tmp" + run Todo::Application diff --git a/config/compass.rb b/config/compass.rb new file mode 100644 index 0000000..a04bd29 --- /dev/null +++ b/config/compass.rb @@ -0,0 +1,11 @@ +# This configuration file works with both the Compass command line tool and within Rails. +# Require any additional compass plugins here. +project_type = :rails +project_path = Compass::AppIntegration::Rails.root +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "public/stylesheets" +sass_dir = "app/stylesheets" +environment = Compass::AppIntegration::Rails.env +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true diff --git a/config/environments/development.rb b/config/environments/development.rb index d73f919..25573af 100644 --- a/config/environments/development.rb +++ b/config/environments/development.rb @@ -19,4 +19,5 @@ # Print deprecation notices to the Rails logger config.active_support.deprecation = :log + Sass::Plugin.options[:always_check] = true end diff --git a/config/environments/production.rb b/config/environments/production.rb index 4af673c..95c0e37 100644 --- a/config/environments/production.rb +++ b/config/environments/production.rb @@ -46,4 +46,7 @@ # Send deprecation notices to registered listeners config.active_support.deprecation = :notify + + Sass::Plugin.options[:always_check] = false + end diff --git a/config/initializers/compass.rb b/config/initializers/compass.rb new file mode 100644 index 0000000..6811b32 --- /dev/null +++ b/config/initializers/compass.rb @@ -0,0 +1,3 @@ +require 'compass' +require 'compass/app_integration/rails' +Compass::AppIntegration::Rails.initialize! diff --git a/db/migrate/20100817123058_acts_as_taggable_on_migration.rb b/db/migrate/20100817123058_acts_as_taggable_on_migration.rb new file mode 100644 index 0000000..1661061 --- /dev/null +++ b/db/migrate/20100817123058_acts_as_taggable_on_migration.rb @@ -0,0 +1,28 @@ +class ActsAsTaggableOnMigration < ActiveRecord::Migration + def self.up + create_table :tags do |t| + t.string :name + end + + create_table :taggings do |t| + t.references :tag + + # You should make sure that the column created is + # long enough to store the required class names. + t.references :taggable, :polymorphic => true + t.references :tagger, :polymorphic => true + + t.string :context + + t.datetime :created_at + end + + add_index :taggings, :tag_id + add_index :taggings, [:taggable_id, :taggable_type, :context] + end + + def self.down + drop_table :taggings + drop_table :tags + end +end diff --git a/db/schema.rb b/db/schema.rb index e9627e1..6d41980 100644 --- a/db/schema.rb +++ b/db/schema.rb @@ -10,7 +10,7 @@ # # It's strongly recommended to check this file into your version control system. -ActiveRecord::Schema.define(:version => 20100813184240) do +ActiveRecord::Schema.define(:version => 20100817123058) do create_table "lists", :force => true do |t| t.string "name" @@ -19,6 +19,23 @@ t.datetime "updated_at" end + create_table "taggings", :force => true do |t| + t.integer "tag_id" + t.integer "taggable_id" + t.string "taggable_type" + t.integer "tagger_id" + t.string "tagger_type" + t.string "context" + t.datetime "created_at" + end + + add_index "taggings", ["tag_id"], :name => "index_taggings_on_tag_id" + add_index "taggings", ["taggable_id", "taggable_type", "context"], :name => "index_taggings_on_taggable_id_and_taggable_type_and_context" + + create_table "tags", :force => true do |t| + t.string "name" + end + create_table "tasks", :force => true do |t| t.string "description" t.boolean "completed", :default => false diff --git a/public/stylesheets/compiled/screen.css b/public/stylesheets/compiled/screen.css deleted file mode 100644 index dfa0170..0000000 --- a/public/stylesheets/compiled/screen.css +++ /dev/null @@ -1,230 +0,0 @@ -/* - *Stuff and Nonsense Ltd. - *The Cow Shed Studio, - *Gwaenysgor, - *Flintshire, North Wales - *LL18 6EP, UK - *+44 1745 851848 - *http://stuffandnonsense.co.uk - *http://forabeautifulweb.com - *http://transcendingcss.com - *http://twitter.com/malarkey - * - *SCREEN.CSS */ -/* BODY ------------------------------------------------------------------ */ -body { - background-color: #f0f0f0; - font: 100%/1.4 Georgia, Times, serif; - color: #323232; - text-shadow: 0 1px 0 white; } - -/* HEADINGS -------------------------------------------------------------- */ -h1, h2, h3, h4, h5, h6 { - font-weight: normal; - color: #444444; } - -h1, h2 { - margin-bottom: 0.5em; - font-size: 2em; - /* 32 / 16 = 2 */ - line-height: 1.1; - letter-spacing: -1px; } - -h3 { - margin-bottom: 0.75em; - font-size: 1.3em; - /* 26 / 16 = 1.62 */ - line-height: 1.2; } - -h4 { - margin-bottom: 0.75em; - font-size: 1.3em; - /* 26 / 16 = 1.62 */ - line-height: 1.2; - margin-bottom: 0.75em; - font-size: 1.1em; - line-height: 1.2; } - -hgroup h1 { - margin-bottom: -0.5em; } -hgroup h2 { - margin-bottom: 1.25em; - font-size: 1.3em; } - -/* TYPOGRAPHY ----------------------------------------------------------- */ -p, ul, ol, dl, table, div.vcard, time { - font-size: 0.81em; - /* 13 / 16 = .81 */ } - -ul p, ol p, ul time, ol time, p time, td time { - font-size: 1em; } - -p { - margin-bottom: 1.5em; } - -blockquote { - font-style: normal; } - -li ul, li ol { - margin-bottom: 1.5em; } - -ul, ol { - margin-bottom: 1.5em; } - -ul { - list-style-type: disc; } - -ol { - list-style-type: decimal; } - -strong { - font-weight: bold; } - -em, dfn { - font-style: italic; } - -/* LINKS ------------------------------------------------------------------ */ -a { - outline: none; - color: #336699; - font-weight: bold; - text-decoration: none; } - a:visited { - outline: none; - color: #336699; - font-weight: bold; - text-decoration: none; } - a:hover { - text-decoration: none; - color: #264d73; } - a:active, a:focus { - position: relative; - top: 1px; - color: #264d73; } - -h3 a, h4 a { - font-weight: normal; } - -/* IMAGES AND VIDEOS ----------------------------------------------------- */ -.img { - margin-bottom: 1.5em; - padding: 10px; - background-color: white; - border: 1px solid #dddddd; } - .img img { - max-width: 100%; } - -/* LAYOUT -------------------------------------------------------------- */ -article, aside, dialog, figure, footer, header, hgroup, nav, section { - display: block; } - -#page, .container { - width: 100%; } - -.content { - position: relative; - width: 80%; - /* 940px */ - min-width: 640px; - max-width: 1200px; - margin: 0 auto 1.5em auto; } - .content:after { - content: "\0020"; - display: block; - height: 0; - clear: both; - visibility: hidden; - overflow: hidden; } - -section.content-main { - float: left; - width: 57%; - /* 540 / 940 = .57 */ } -section.content-sub { - float: right; - width: 38%; - /* 340 / 940 = .36 */ } - -/* GLOBAL ELEMENTS --------------------------------------------------- */ -.group:after { - content: "\0020"; - display: block; - height: 0; - clear: both; - visibility: hidden; - overflow: hidden; } - -/* Boxes */ -.box { - margin-bottom: 1.5em; - padding: 15px; - background-color: #e6e6e6; - border: 1px solid #dddddd; } - -/* MEDIA QUIERIES --------------------------------------------------------- */ -.content-main { - line-height: 1.8; } - -.content-sub { - line-height: 1.6; } - -@media all and (max-width : 1000px) { - .content-main { - line-height: 1.6; } - - .content-sub { - line-height: 1.5; } } - -@media all and (max-width : 900px) { - .content-main { - line-height: 1.5; } - - .content-sub { - line-height: 1.4; } } - -@media all and (max-width : 800px) { - .content-main { - line-height: 1.4; } - - .content-sub { - line-height: 1.3; } } - -/* borderradius */ -.box { - -moz-border-radius: 10px; - -webkit-border-radius: 10px; - border-radius: 10px; } - -/* No alternative required */ -/* csstransitions */ -.csstransitions a { - -webkit-transition: color 0.2s linear; - -moz-transition: color 0.2s linear; - -o-transition: color 0.2s linear; - transition: color 0.2s linear; } - -/* No alternative required */ -/* rgba */ -.rgba .box { - background-color: rgba(0, 0, 0, 0.05); } - -/* Fallback in declaration above */ -#notification div { - text-align: center; - border: 1px solid; - margin: 10px 0px; - padding: 15px 10px 15px 50px; - background-repeat: no-repeat; - background-position: 10px center; } -#notification .error, #notification .alert { - color: #d8000c; - background-color: #ffbaba; } -#notification .notice { - color: #4f8a10; - background-color: #dff2bf; } - -.task form.mark_complete { - display: inline; } - -ul#complete li.task { - text-decoration: line-through; } diff --git a/public/stylesheets/ie.css b/public/stylesheets/ie.css new file mode 100644 index 0000000..5cd5b6c --- /dev/null +++ b/public/stylesheets/ie.css @@ -0,0 +1,5 @@ +/* Welcome to Compass. Use this file to write IE specific override styles. + * Import this file using the following HTML or equivalent: + * */ diff --git a/public/stylesheets/print.css b/public/stylesheets/print.css new file mode 100644 index 0000000..b0e9e45 --- /dev/null +++ b/public/stylesheets/print.css @@ -0,0 +1,3 @@ +/* Welcome to Compass. Use this file to define print styles. + * Import this file using the following HTML or equivalent: + * */ diff --git a/public/stylesheets/screen.css b/public/stylesheets/screen.css new file mode 100644 index 0000000..2ea8e39 --- /dev/null +++ b/public/stylesheets/screen.css @@ -0,0 +1,425 @@ +/* line 14, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + font-family: inherit; + vertical-align: baseline; +} + +/* line 17, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +body { + line-height: 1; + color: black; + background: white; +} + +/* line 19, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +ol, ul { + list-style: none; +} + +/* line 21, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +table { + border-collapse: separate; + border-spacing: 0; + vertical-align: middle; +} + +/* line 23, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +/* line 25, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q, blockquote { + quotes: "" ""; +} +/* line 96, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +q:before, q:after, blockquote:before, blockquote:after { + content: ""; +} + +/* line 27, ../../../../.rvm/gems/ruby-1.8.7-p249@todo/gems/compass-0.10.4/frameworks/compass/stylesheets/compass/reset/_utilities.scss */ +a img { + border: none; +} + +/* + *Stuff and Nonsense Ltd. + *The Cow Shed Studio, + *Gwaenysgor, + *Flintshire, North Wales + *LL18 6EP, UK + *+44 1745 851848 + *http://stuffandnonsense.co.uk + *http://forabeautifulweb.com + *http://transcendingcss.com + *http://twitter.com/malarkey + * + *SCREEN.CSS */ +/* BODY ------------------------------------------------------------------ */ +/* line 18, ../../app/stylesheets/_standard.sass */ +body { + background-color: #f0f0f0; + font: 100%/1.4 Georgia, Times, serif; + color: #323232; + text-shadow: 0 1px 0 white; +} + +/* HEADINGS -------------------------------------------------------------- */ +/* line 26, ../../app/stylesheets/_standard.sass */ +h1, h2, h3, h4, h5, h6 { + font-weight: normal; + color: #444444; +} + +/* line 30, ../../app/stylesheets/_standard.sass */ +h1, h2 { + margin-bottom: 0.5em; + font-size: 2em; + /* 32 / 16 = 2 */ + line-height: 1.1; + letter-spacing: -1px; +} + +/* line 37, ../../app/stylesheets/_standard.sass */ +h3 { + margin-bottom: 0.75em; + font-size: 1.3em; + /* 26 / 16 = 1.62 */ + line-height: 1.2; +} + +/* line 43, ../../app/stylesheets/_standard.sass */ +h4 { + margin-bottom: 0.75em; + font-size: 1.3em; + /* 26 / 16 = 1.62 */ + line-height: 1.2; + margin-bottom: 0.75em; + font-size: 1.1em; + line-height: 1.2; +} + +/* line 53, ../../app/stylesheets/_standard.sass */ +hgroup h1 { + margin-bottom: -0.5em; +} +/* line 55, ../../app/stylesheets/_standard.sass */ +hgroup h2 { + margin-bottom: 1.25em; + font-size: 1.3em; +} + +/* TYPOGRAPHY ----------------------------------------------------------- */ +/* line 61, ../../app/stylesheets/_standard.sass */ +p, ul, ol, dl, table, div.vcard, time { + font-size: 0.81em; + /* 13 / 16 = .81 */ +} + +/* line 65, ../../app/stylesheets/_standard.sass */ +ul p, ol p, ul time, ol time, p time, td time { + font-size: 1em; +} + +/* line 68, ../../app/stylesheets/_standard.sass */ +p { + margin-bottom: 1.5em; +} + +/* line 71, ../../app/stylesheets/_standard.sass */ +blockquote { + font-style: normal; +} + +/* line 75, ../../app/stylesheets/_standard.sass */ +li ul, li ol { + margin-bottom: 1.5em; +} + +/* line 78, ../../app/stylesheets/_standard.sass */ +ul, ol { + margin-bottom: 1.5em; +} + +/* line 81, ../../app/stylesheets/_standard.sass */ +ul { + list-style-type: disc; +} + +/* line 84, ../../app/stylesheets/_standard.sass */ +ol { + list-style-type: decimal; +} + +/* line 87, ../../app/stylesheets/_standard.sass */ +strong { + font-weight: bold; +} + +/* line 90, ../../app/stylesheets/_standard.sass */ +em, dfn { + font-style: italic; +} + +/* LINKS ------------------------------------------------------------------ */ +/* line 95, ../../app/stylesheets/_standard.sass */ +a { + outline: none; + color: #336699; + font-weight: bold; + text-decoration: none; +} +/* line 100, ../../app/stylesheets/_standard.sass */ +a:visited { + outline: none; + color: #336699; + font-weight: bold; + text-decoration: none; +} +/* line 105, ../../app/stylesheets/_standard.sass */ +a:hover { + text-decoration: none; + color: #264d73; +} +/* line 108, ../../app/stylesheets/_standard.sass */ +a:active, a:focus { + position: relative; + top: 1px; + color: #264d73; +} + +/* line 113, ../../app/stylesheets/_standard.sass */ +h3 a, h4 a { + font-weight: normal; +} + +/* IMAGES AND VIDEOS ----------------------------------------------------- */ +/* line 118, ../../app/stylesheets/_standard.sass */ +.img { + margin-bottom: 1.5em; + padding: 10px; + background-color: white; + border: 1px solid #dddddd; +} +/* line 123, ../../app/stylesheets/_standard.sass */ +.img img { + max-width: 100%; +} + +/* LAYOUT -------------------------------------------------------------- */ +/* line 128, ../../app/stylesheets/_standard.sass */ +article, aside, dialog, figure, footer, header, hgroup, nav, section { + display: block; +} + +/* line 131, ../../app/stylesheets/_standard.sass */ +#page, .container { + width: 100%; +} + +/* line 134, ../../app/stylesheets/_standard.sass */ +.content { + position: relative; + width: 80%; + /* 940px */ + min-width: 640px; + max-width: 1200px; + margin: 0 auto 1.5em auto; +} +/* line 141, ../../app/stylesheets/_standard.sass */ +.content:after { + content: "\0020"; + display: block; + height: 0; + clear: both; + visibility: hidden; + overflow: hidden; +} + +/* line 150, ../../app/stylesheets/_standard.sass */ +section.content-main { + float: left; + width: 57%; + /* 540 / 940 = .57 */ +} +/* line 154, ../../app/stylesheets/_standard.sass */ +section.content-sub { + float: right; + width: 38%; + /* 340 / 940 = .36 */ +} + +/* GLOBAL ELEMENTS --------------------------------------------------- */ +/* line 161, ../../app/stylesheets/_standard.sass */ +.group:after { + content: "\0020"; + display: block; + height: 0; + clear: both; + visibility: hidden; + overflow: hidden; +} + +/* Boxes */ +/* line 171, ../../app/stylesheets/_standard.sass */ +.box { + margin-bottom: 1.5em; + padding: 15px; + background-color: #e6e6e6; + border: 1px solid #dddddd; +} + +/* MEDIA QUIERIES --------------------------------------------------------- */ +/* line 179, ../../app/stylesheets/_standard.sass */ +.content-main { + line-height: 1.8; +} + +/* line 182, ../../app/stylesheets/_standard.sass */ +.content-sub { + line-height: 1.6; +} + +@media all and (max-width : 1000px) { + /* line 186, ../../app/stylesheets/_standard.sass */ + .content-main { + line-height: 1.6; + } + + /* line 188, ../../app/stylesheets/_standard.sass */ + .content-sub { + line-height: 1.5; + } +} + +@media all and (max-width : 900px) { + /* line 193, ../../app/stylesheets/_standard.sass */ + .content-main { + line-height: 1.5; + } + + /* line 195, ../../app/stylesheets/_standard.sass */ + .content-sub { + line-height: 1.4; + } +} + +@media all and (max-width : 800px) { + /* line 200, ../../app/stylesheets/_standard.sass */ + .content-main { + line-height: 1.4; + } + + /* line 202, ../../app/stylesheets/_standard.sass */ + .content-sub { + line-height: 1.3; + } +} + +/* borderradius */ +/* line 208, ../../app/stylesheets/_standard.sass */ +.box { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +/* No alternative required */ +/* csstransitions */ +/* line 217, ../../app/stylesheets/_standard.sass */ +.csstransitions a { + -webkit-transition: color 0.2s linear; + -moz-transition: color 0.2s linear; + -o-transition: color 0.2s linear; + transition: color 0.2s linear; +} + +/* No alternative required */ +/* rgba */ +/* line 227, ../../app/stylesheets/_standard.sass */ +.rgba .box { + background-color: rgba(0, 0, 0, 0.05); +} + +/* Fallback in declaration above */ +/* line 233, ../../app/stylesheets/_standard.sass */ +#notification div { + text-align: center; + border: 1px solid; + margin: 10px 0px; + padding: 15px 10px 15px 50px; + background-repeat: no-repeat; + background-position: 10px center; +} +/* line 240, ../../app/stylesheets/_standard.sass */ +#notification .error, #notification .alert { + color: #d8000c; + background-color: #ffbaba; +} +/* line 243, ../../app/stylesheets/_standard.sass */ +#notification .notice { + color: #4f8a10; + background-color: #dff2bf; +} + +/* line 7, ../../app/stylesheets/screen.sass */ +.task { + width: 100%; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.05); + margin-bottom: 0.5em; + padding: 5px; + background-color: white; + border: 1px solid white; + -moz-box-shadow: #333333 1px 1px 2px 0; + -webkit-box-shadow: #333333 1px 1px 2px 0; + -o-box-shadow: #333333 1px 1px 2px 0; + box-shadow: #333333 1px 1px 2px 0; +} +/* line 11, ../../app/stylesheets/screen.sass */ +.task form.mark_complete { + display: inline; +} +/* line 13, ../../app/stylesheets/screen.sass */ +.task ul.tags { + display: inline; + float: right; + margin-top: 2px; +} +/* line 17, ../../app/stylesheets/screen.sass */ +.task ul.tags li { + display: inline; + list-style-type: none; + padding-right: 5px; + -moz-border-radius: 7px; + -webkit-border-radius: 7px; + border-radius: 7px; + background-color: rgba(0, 0, 0, 0.05); + margin-bottom: 0; + padding: 4px; + background-color: #e7ebf9; + border: 1px solid #bccaf0; +} + +/* line 23, ../../app/stylesheets/screen.sass */ +ul#complete li.task { + text-decoration: line-through; +}