flutie 1.1.2 → 1.1.3

data/README.textile

@@ -2,13 +2,13 @@ h1. Flutie
 
 Basic, default styles for rails applications
 
-h2. Installation
+h2. Installation & Upgrading
 
 Flutie is a Rails engine. It works with versions of Rails greater than 3.0.
 
 Flutie is recommended to be run as a gem and included in your Gemfile.
 
-  $ rake flutie:install
+bc. rake flutie:install
 
 The installer will copy the Flutie stylesheets into public/flutie/stylesheets
 
@@ -16,11 +16,13 @@ Once Flutie is installed, with your application running (not in production envir
 
 Click on the "Default styles" link to view the same markup with a barebones layout that only contains the Flutie stylesheets. Click on "Application styles" to view the markup in your application layout.
 
+To upgrade, bump the gem version in your Gemfile, and then run 'rake flutie:install' again to get the latest changes moved into your application.
+
 h2. Usage
 
 Flutie registers a :flutie shortcut for stylesheets, so in your layout you can do...
 
-  <%= stylesheet_link_tag :flutie, 'admin', :cache => true %>
+bc.. <%= stylesheet_link_tag :flutie, 'admin', :cache => true %>
 
 ...this will include all the flutie stylesheets, then the 'admin' stylesheet, and it will cache them all into one file.
 
@@ -28,13 +30,13 @@ h3. Sass
 
 If you use Sass in your application, the flutie stylesheets are also available as scss files, installed in public/flutie/sass.  This location is automatically added to your Sass template load path.  These files can be imported into your own css files for use with the following:
 
-@import "flutie"
+bc. @import "flutie"
 
 h3. Custom Styles
 
 To add custom styles to the styleguide add partials to the app/views/styleguides directory. For example:
 
-bc. app/views/styleguides/_todo_item.erb:
+app/views/styleguides/_todo_item.erb:
 
 bc.. <ol>
   <li class="todo">This is a todo item</li>
@@ -63,7 +65,7 @@ Fork away and create a "Github Issue":http://github.com/thoughtbot/flutie/issues
 
 h2. Development
 
-The actual stylesheet source files are sass, so edit the files in public/stylesheets/sass.  
+The actual stylesheet source files are sass, so edit the files in public/stylesheets/sass.
 To rebuild the normal scss run:
 
-  sass -C --update public/stylesheets/sass:public/stylesheets
+bc. sass -C --update public/stylesheets/sass:public/stylesheets

data/public/stylesheets/sass/_defaults.scss

@@ -80,16 +80,57 @@ hr.space {
   color: #fff;
 }
 
-/* Clearfix hack I love you */
-.clearfix:after {
-  content:".";
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-}
-
-.clearfix {display:inline-block;}
-/* Hide from IE Mac \*/
-.clearfix {display:block;}
-/* End hide from IE Mac */
+/* for image replacement */
+.ir {
+  display: block;
+  text-indent: -999em;
+  overflow: hidden;
+  background-repeat:
+  no-repeat;
+  text-align: left;
+  direction: ltr;
+}
+
+/* Hide for both screenreaders and browsers
+   css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+  display: none;
+  visibility: hidden;
+}
+
+/* Hide only visually, but have it available for screenreaders 
+   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
+.visuallyhidden { position: absolute !important;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px); }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible { visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after {
+  content: "\0020";
+  display: block;
+  height: 0;
+  visibility: hidden;
+}
+
+.clearfix:after { clear: both; }
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix { zoom: 1; }
+
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+@media print {
+  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+  a, a:visited { color: #444 !important; text-decoration: underline; }
+  a:after { content: " (" attr(href) ")"; }
+  abbr:after { content: " (" attr(title) ")"; }
+  .ir a:after { content: ""; }  /* Don't show links for images */
+  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+  tr, img { page-break-inside: avoid; }
+  @page { margin: 0.5cm; }
+  p, h2, h3 { orphans: 3; widows: 3; }
+  h2, h3{ page-break-after: avoid; }
+}

data/public/stylesheets/sass/_forms.scss

@@ -83,6 +83,7 @@ fieldset fieldset fieldset {
 legend {
   font-weight: bold;
 }
+.ie6 legend, .ie7 legend { margin-left: -7px; }
 
 fieldset.buttons {
   background: inherit;
@@ -119,6 +120,9 @@ input[type="week"] {
   padding: 3px 2px;
   width: 300px;
 }
+.ie6 input {
+  vertical-align: text-bottom;
+}
 
 input[disabled='disabled'] {
   background-color: #fcfcfc;
@@ -131,6 +135,9 @@ input[type="checkbox"] {
   top: -2px;
   vertical-align: middle;
 }
+.ie7 input[type="checkbox"] {
+  vertical-align: baseline;
+}
 
 input[type="radio"] {
   margin: 0 3px 0 0;
@@ -156,6 +163,7 @@ textarea {
   margin: 0 0.5em 0.5em 0;
   padding: 5px;
   width: 440px;
+  overflow: auto;
 }
 
 /* Select fields */

data/public/stylesheets/sass/_reset.scss

@@ -1,53 +1,55 @@
-/* http://meyerweb.com/eric/tools/css/reset/ */
-/* v1.0 | 20080212 */
-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,
-b, u, i, center, 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-size: 100%;
-  vertical-align: baseline;
-  background: transparent;
-}
+/*
+  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+  html5doctor.com/html-5-reset-stylesheet/
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section { 
+  display:block;
+}
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
 
-body {
-  line-height: 1;
-}
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
 
-ol, ul {
-  list-style: none;
-}
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
 
-blockquote, q {
-  quotes: none;
-}
+ins { background-color:#ff9; color:#000; text-decoration:none; }
 
-blockquote:before, blockquote:after,
-q:before, q:after {
-  content: '';
-  content: none;
-}
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
 
-/* remember to define focus styles! */
-:focus {
-  outline: 0;
-}
+del { text-decoration: line-through; }
 
-/* remember to highlight inserts somehow! */
-ins {
-  text-decoration: none;
-}
+abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
 
-del {
-  text-decoration: line-through;
-}
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
 
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }

data/public/stylesheets/sass/_type.scss

@@ -116,7 +116,10 @@ dfn {
 
 pre, code {
   margin: 1.5em 0;
-  white-space: pre;
+  white-space: pre; /* CSS2 */
+  white-space: pre-wrap; /* CSS 2.1 */
+  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+  word-wrap: break-word; /* IE */
 }
 
 pre, code, tt {
@@ -134,4 +137,4 @@ tt {
   display: block;
   line-height: 1.5;
   margin: 1.5em 0;
-}
+}

metadata

@@ -1,13 +1,12 @@
 --- !ruby/object:Gem::Specification 
 name: flutie
 version: !ruby/object:Gem::Version 
-  hash: 23
   prerelease: false
   segments: 
   - 1
   - 1
-  - 2
-  version: 1.1.2
+  - 3
+  version: 1.1.3
 platform: ruby
 authors: 
 - Chad Pytel
@@ -19,18 +18,16 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-11-12 00:00:00 -05:00
+date: 2010-11-26 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: haml
   prerelease: false
   requirement: &id001 !ruby/object:Gem::Requirement 
-    none: false
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
-        hash: 3
         segments: 
         - 0
         version: "0"
@@ -75,27 +72,23 @@ rdoc_options: []
 require_paths: 
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement 
-  none: false
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
-      hash: 3
       segments: 
       - 0
       version: "0"
 required_rubygems_version: !ruby/object:Gem::Requirement 
-  none: false
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
-      hash: 3
       segments: 
       - 0
       version: "0"
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.3.7
+rubygems_version: 1.3.6
 signing_key: 
 specification_version: 3
 summary: Flutie adds default stylesheets to web apps