sitges 0.1.0

data/.gitignore

@@ -0,0 +1,19 @@
+pkg/*
+*.gem
+.bundle
+
+log/*
+tmp/**/*
+tmp/
+db/schema.rb
+db/*.sqlite3
+public/system
+*.DS_Store
+coverage/*
+coverage*
+*.swp
+*.gem
+*.swo
+public/announcement.html
+
+!.keep

data/Gemfile

@@ -0,0 +1,3 @@
+source :gemcutter
+# Specify your gem's dependencies in sitges.gemspec
+gemspec

data/README.rdoc

@@ -0,0 +1,18 @@
+== CSS helper for Rails 3
+
+= Basic Usage
+
+This gem is depend from HAML
+  <tt>gem "haml-rails"</tt>
+
+The basic usage is copy all stylesheets files:
+  <tt>rails generate sitges</tt>
+
+And you can acces to stylesheet guide from:
+  <tt>styleguides</tt>
+
+= Content
+
+* Reset -> Reset from Yahoo Reset
+* Grids -> Grids from OOCSS
+

data/Rakefile

@@ -0,0 +1,15 @@
+begin
+  require "jeweler"
+  Jeweler::Tasks.new do |gem|
+    gem.name = "sitges"
+    gem.summary = "Style helper for Rails 3"
+    gem.author = "Alexander Sviridov"
+    gem.description = "Style helper for Rails 3"
+    gem.email = "sviridoff.mail@gmail.com"
+  end
+
+  gem.files = Dir["{app}/**/*", "{config}/**/*", "{lib}/**/*", "[A-Z]*"]
+rescue
+  puts "Jeweler or one of its dependencies is not installed."
+end
+

data/VERSION

@@ -0,0 +1 @@
+0.1.0

data/app/controllers/sitges/styleguides_controller.rb

@@ -0,0 +1,10 @@
+module Sitges
+  class StyleguidesController < ApplicationController
+
+    unloadable
+
+    def show
+      render :layout => "sitges"
+    end
+  end
+end

data/app/views/layouts/sitges.html.haml

@@ -0,0 +1,14 @@
+!!!
+%html{:lang => 'en'}
+  
+  %head
+    %meta{:charset => 'utf-8'}/
+    %meta{'http-equiv'=>'X-UA-Compatible', :content=>'chrome=1'}/
+    %title Sitges
+    = stylesheet_link_tag 'sitges'
+  
+  %body
+    #wrap
+      .line
+        .unit.size1o1
+          = yield

data/app/views/sitges/styleguides/show.html.haml

@@ -0,0 +1,315 @@
+.notice
+  %h3 Grid
+  %ul
+    %li http://github.com/stubbornella/oocss/wiki/Grids
+
+.line
+  .unit.size2of3
+    %h3 2/3
+    %p Nam mattis enim ac ligula dictum pretium. Etiam hendrerit enim at justo dictum nec porta tellus auctor. Cras blandit scelerisque tincidunt. Curabitur sagittis feugiat laoreet. Vestibulum quis erat eget magna consequat vulputate. Aliquam fringilla dapibus elit, in porttitor eros tincidunt a. Aliquam nisl turpis, consectetur vel feugiat quis, viverra ut purus. Phasellus lobortis, sem ut ultrices dapibus, orci massa semper quam, sit amet pulvinar lacus turpis et nisi. Ut non consectetur tellus. Quisque fringilla, est vel rhoncus commodo, quam erat gravida leo, a feugiat orci mi ut mi. Aenean vehicula ante tortor. Aenean turpis dolor, malesuada sed eleifend in, rutrum sed felis. Fusce nisi velit, mattis vel rutrum vel, rhoncus sed libero. Curabitur nec erat tincidunt arcu ullamcorper pharetra. Praesent rhoncus metus et elit interdum porta. Sed facilisis blandit felis id rutrum.
+  .unit.size1of3
+    %h3 1/3
+    %p Aenean vehicula ante tortor. Aenean turpis dolor, malesuada sed eleifend in, rutrum sed felis. Fusce nisi velit, mattis vel rutrum vel, rhoncus sed libero. Curabitur nec erat tincidunt arcu ullamcorper pharetra. Praesent rhoncus metus et elit interdum porta. Sed facilisis blandit felis id rutrum.
+.line
+  .unit.size1of3
+    %h3 1/3
+    %p Aenean vehicula ante tortor. Aenean turpis dolor, malesuada sed eleifend in, rutrum sed felis. Fusce nisi velit, mattis vel rutrum vel, rhoncus sed libero. Curabitur nec erat tincidunt arcu ullamcorper pharetra. Praesent rhoncus metus et elit interdum porta. Sed facilisis blandit felis id rutrum.
+  .unit.size1of3
+    %h3 1/3
+    %p Aenean vehicula ante tortor. Aenean turpis dolor, malesuada sed eleifend in, rutrum sed felis. Fusce nisi velit, mattis vel rutrum vel, rhoncus sed libero. Curabitur nec erat tincidunt arcu ullamcorper pharetra. Praesent rhoncus metus et elit interdum porta. Sed facilisis blandit felis id rutrum.
+  .unit.size1of3
+    %h3 1/3
+    %p Aenean vehicula ante tortor. Aenean turpis dolor, malesuada sed eleifend in, rutrum sed felis. Fusce nisi velit, mattis vel rutrum vel, rhoncus sed libero. Curabitur nec erat tincidunt arcu ullamcorper pharetra. Praesent rhoncus metus et elit interdum porta. Sed facilisis blandit felis id rutrum.
+
+.clearfix
+%hr
+
+.notice
+  %h3 Basic styles
+  %ul
+    %li Headers and paragraphs.
+
+%h1 Etiam eget magna id velit rhoncus malesuada. 
+
+%h2 Nunc vitae sodales nulla. Quisque sed magna non arcu iaculis sodales.
+
+%p Morbi pharetra sapien vel mauris vulputate et hendrerit velit suscipit. Sed nulla erat, pharetra at bibendum ac, condimentum quis tortor. Nulla facilisi. Etiam viverra massa nec eros scelerisque lobortis. Nam tempus erat id est iaculis consequat ut in nisl. Aliquam tempus, tellus ut luctus facilisis, nisl magna dictum sem, scelerisque pulvinar est lorem lobortis purus. Donec laoreet egestas massa non imperdiet. Nulla quis odio eget urna volutpat interdum. Fusce ac leo leo. In hac habitasse platea dictumst. Nunc a mauris risus. Sed vulputate pulvinar sapien at venenatis. Integer a mi vel turpis congue dictum a porttitor neque. Vivamus tellus sapien, accumsan eu gravida sagittis, hendrerit at velit.
+
+%p Nam mattis enim ac ligula dictum pretium. Etiam hendrerit enim at justo dictum nec porta tellus auctor. Cras blandit scelerisque tincidunt. Curabitur sagittis feugiat laoreet. Vestibulum quis erat eget magna consequat vulputate. Aliquam fringilla dapibus elit, in porttitor eros tincidunt a. Aliquam nisl turpis, consectetur vel feugiat quis, viverra ut purus. Phasellus lobortis, sem ut ultrices dapibus, orci massa semper quam, sit amet pulvinar lacus turpis et nisi. Ut non consectetur tellus. Quisque fringilla, est vel rhoncus commodo, quam erat gravida leo, a feugiat orci mi ut mi. Aenean vehicula ante tortor. Aenean turpis dolor, malesuada sed eleifend in, rutrum sed felis. Fusce nisi velit, mattis vel rutrum vel, rhoncus sed libero. Curabitur nec erat tincidunt arcu ullamcorper pharetra. Praesent rhoncus metus et elit interdum porta. Sed facilisis blandit felis id rutrum.
+
+.clearfix
+%hr
+
+.notice
+  %h3 Extended styles
+  %ul
+    %li Large header, paragraph, blockquote.
+
+%h1 Etiam eget magna id velit rhoncus malesuada. Proin imperdiet consequat consectetur. Pellentesque in leo nibh, nec porta nisl.
+
+%p Sed sollicitudin, nunc at eleifend tincidunt, quam metus dapibus nunc, et luctus lacus ipsum sed neque. Sed eu enim enim. Suspendisse posuere iaculis lacus scelerisque aliquam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc aliquam pretium enim, at euismod eros pellentesque id. In ac arcu orci, ut laoreet nulla. Nam in magna vel magna auctor vehicula vel sed lacus. Pellentesque nec velit id eros cursus mollis. Cras congue risus quis lectus tristique et malesuada quam cursus. Cras vestibulum lacus a leo scelerisque pulvinar. Nunc ut libero ipsum, vitae fermentum massa. Donec vitae nulla at diam malesuada congue in vitae lacus. Suspendisse id justo ac libero rhoncus fringilla.
+
+%h2 Etiam eget magna id velit rhoncus malesuada. Proin imperdiet consequat consectetur. Pellentesque in leo nibh, nec porta nisl. Donec tortor turpis, scelerisque sed aliquam ac, varius sit amet nisi.  
+
+%p Nam augue dui, auctor at auctor in, pellentesque at tortor. Nunc magna metus, pretium eu facilisis ut, ullamcorper a leo. Fusce tempus tincidunt nunc et vestibulum. Donec vehicula eros sed ipsum ultricies rhoncus. Sed sollicitudin turpis vitae nisi faucibus ultricies. Morbi faucibus, metus at porttitor dapibus, tellus orci aliquam tortor, vitae accumsan felis lacus at turpis. Cras dictum consectetur tristique. Aenean et risus eu ligula dapibus dapibus nec at nisl. Quisque luctus, enim id vulputate tincidunt, augue ante tempus enim, eget viverra mauris elit ut ante. Sed ut ipsum a libero ullamcorper dignissim. Etiam dictum laoreet tincidunt. Cras eu lectus nibh, non mattis arcu. Donec convallis tempus justo posuere auctor.
+
+%blockquote
+  %p Morbi pharetra sapien vel mauris vulputate et hendrerit velit suscipit. Sed nulla erat, pharetra at bibendum ac, condimentum quis tortor. Nulla facilisi. Etiam viverra massa nec eros scelerisque lobortis. Nam tempus erat id est iaculis consequat ut in nisl. Aliquam tempus, tellus ut luctus facilisis, nisl magna dictum sem, scelerisque pulvinar est lorem lobortis purus. Donec laoreet egestas massa non imperdiet. Nulla quis odio eget urna volutpat interdum. Fusce ac leo leo. In hac habitasse platea dictumst. Nunc a mauris risus. Sed vulputate pulvinar sapien at venenatis. Integer a mi vel turpis congue dictum a porttitor neque. Vivamus tellus sapien, accumsan eu gravida sagittis, hendrerit at velit.
+
+%h3 Curabitur accumsan diam a purus fringilla pharetra.
+
+%p Vivamus sit amet urna in est molestie venenatis. Donec in porta ligula. Mauris elit ante, viverra in sodales sit amet, elementum id augue. Quisque hendrerit pellentesque ornare. Integer vehicula, arcu ac molestie volutpat, justo magna tempus metus, quis viverra turpis augue sed purus. Quisque volutpat erat in enim fringilla imperdiet. Quisque at turpis nec quam egestas rhoncus pharetra eu orci. Suspendisse nec risus ligula. Fusce ac magna ullamcorper metus tincidunt viverra. Nunc eu consequat risus. Nullam libero ante, dapibus nec mattis ut, bibendum in felis. Duis quis arcu vitae massa posuere egestas. Vestibulum vestibulum ultricies tortor sit amet adipiscing. Vivamus neque mauris, venenatis quis facilisis vel, mattis ac est. Aenean felis nibh, congue at iaculis nec, rutrum nec erat. Curabitur suscipit metus consequat ante gravida et feugiat nunc tempus. Suspendisse ornare hendrerit viverra. Mauris id nunc magna.
+
+.clearfix
+%hr
+
+.notice
+  %h3 Header styles
+  %ul
+    %li h1, h2, h3, h4, h5, h6 headers.
+
+%h1 Vivamus sit amet urna in est molestie venenatis.
+%h2 Vivamus sit amet urna in est molestie venenatis.
+%h3 Vivamus sit amet urna in est molestie venenatis.
+%h4 Vivamus sit amet urna in est molestie venenatis.
+%h5 Vivamus sit amet urna in est molestie venenatis.
+%h6 Vivamus sit amet urna in est molestie venenatis.
+
+.clearfix
+%hr
+
+.notice
+  %h3 Miscellaneous Styles
+  %ul
+    %li .error, .notice, .success
+
+.error
+  %p This is a &lt;div&gt; with the class <strong>.error</strong>.
+
+.notice
+  %p This is a &lt;div&gt; with the class <strong>.notice</strong>.
+
+.success
+  %p This is a &lt;div&gt; with the class <strong>.success</strong>.
+
+%p
+  %strong &lt;strong&gt;
+  %br
+  %ins &lt;ins&gt; inserted
+  %br
+  %del &lt;del&gt; deleted
+  %br
+  %dfn &lt;dfn&gt; dfn
+  %br
+  %em &lt;em&gt; emphasis
+
+%p
+  %a &lt;a&gt; anchor
+  %br
+  = link_to '&lt;a&gt; a + href', 'http://www.google.com'
+
+%p
+  %abbr{:title => "extended abbr text should show when mouse over"} &lt;abbr&gt; abbr - extended text when mouseover.
+  %br
+  %acronym{:title => "extended acronym text should show when mouse over"} &lt;acronym&gt; acronym - extended text when mouseover.
+
+%address
+  &lt;address&gt;
+  %br
+  Donald Duck
+  %br
+  Box 555
+  %br
+  Disneyland
+
+.clearfix
+%hr
+
+.notice
+  %h3 List styles
+  %ul
+    %li li, ul, ol, dl, dt, dd.
+
+%ul
+  %li Vivamus sit amet urna in est molestie venenatis. 
+  %li Vivamus sit amet urna in est molestie venenatis. 
+  %li Vivamus sit amet urna in est molestie venenatis. 
+  %li Vivamus sit amet urna in est molestie venenatis. 
+
+%ol
+  %li Vivamus sit amet urna in est molestie venenatis. 
+  %li Vivamus sit amet urna in est molestie venenatis.
+  %li
+    Vivamus sit amet urna in est molestie venenatis. 
+    %ol
+      %li Vivamus sit amet urna in est molestie venenatis. 
+      %li
+        Vivamus sit amet urna in est molestie venenatis. 
+        %ul
+          %li Vivamus sit amet urna in est molestie venenatis. 
+          %li Vivamus sit amet urna in est molestie venenatis. 
+  %li Vivamus sit amet urna in est molestie venenatis. 
+  %li
+    Vivamus sit amet urna in est molestie venenatis. 
+    %ol
+      %li Vivamus sit amet urna in est molestie venenatis. 
+      %li
+        Vivamus sit amet urna in est molestie venenatis. 
+        %ul
+          %li Vivamus sit amet urna in est molestie venenatis. 
+          %li Vivamus sit amet urna in est molestie venenatis. 
+
+%dl
+  %dt Vivamus sit amet urna in est molestie venenatis. 
+  %dd Vivamus sit amet urna in est molestie venenatis. 
+  %dt Vivamus sit amet urna in est molestie venenatis. 
+  %dd Vivamus sit amet urna in est molestie venenatis. 
+  %dt Vivamus sit amet urna in est molestie venenatis. 
+  %dd Vivamus sit amet urna in est molestie venenatis. 
+
+.clearfix
+%hr
+
+.notice
+  %h3 Form styles
+  %ul
+    %li Basic form styles
+
+= form_for '' do |f|
+  %table
+    %tr
+      %td.label= f.label :version, 'Version:'
+      %td.text_field= f.text_field :version
+    %tr
+      %td.label= f.label :author, 'Author:'
+      %td.text_field= f.text_field :author
+    %tr
+      %td.label= f.label :pass, 'Pass:'
+      %td.text_field= f.password_field :pass
+    %tr
+      %td.label= f.label :search, 'Search:'
+      %td.text_field= f.search_field :search
+    %tr
+      %td.label= f.label :telephone, 'Telephone:'
+      %td.text_field= f.telephone_field :telephone
+    %tr
+      %td.label= f.label :admin, 'Admin?:'
+      %td= f.check_box :admin
+    %tr
+      %td.label= f.label :radio, 'Radio:'
+      %td= f.radio_button :radio, 'yes'
+    %tr
+      %td.label_text_area= f.label :biography, 'Biography:'
+      %td.text_area= f.text_area :biography
+    %tr
+      %td.label_text_area= f.label :date, 'Date:'
+      %td.select= f.date_select :date, :start_year => 1995
+    %tr
+      %td.label_text_area= f.label :email, 'Tu correo electrónico:'
+      %td.text_field= f.email_field :email
+    %tr
+      %td
+      %td.warning_dialog ¿Por qué tengo que dar esta información?
+    %tr
+      %td
+      %td.submit= f.submit "Edit this article"
+
+.clearfix
+%hr
+
+.notice
+  %h3 Table styles
+  %ul
+    %li table
+
+.table
+  %table{:summary => "This is the summary text for this table.",  :border => "0", :cellspacing => "0", :cellpadding => "0"}
+    %tr
+      %th Table Header One
+      %th Table Header Two
+    %tr
+      %td TD One
+      %td TD Two
+    %tr
+      %td{:colspan => '2'} TD colspan 2
+
+.table
+  %table{:summary => "This is the summary text for this table.",  :border => "0", :cellspacing => "0", :cellpadding => "0"}
+    %thead
+      %tr
+        %th Table Header One
+        %th Table Header Two
+        %th Table Header One
+        %th Table Header Two
+    %tfoot
+      %tr
+        %td{:colspan => '4'} tfoot footer
+    %tbody
+      %tr
+        %td TD One
+        %td TD Two
+        %td TD One
+        %td TD Two
+      %tr
+        %td TD One
+        %td TD Two
+        %td TD One
+        %td TD Two
+    %tbody
+      %tr
+        %td TD One
+        %td TD Two
+        %td TD One
+        %td TD Two
+      %tr
+        %td TD One
+        %td TD Two
+        %td TD One
+        %td TD Two
+
+.clearfix
+%hr
+
+.notice
+  %h3 Code Styles
+  %ul
+    %li pre, code, pre with class code, tt
+
+%pre
+  &lt;pre&gt;
+  What light
+  through yonder window breaks
+
+%code
+  &lt;code&gt;
+  User.new
+
+%pre.code
+  %code
+    :plain
+      class User &lt; ActiveRecord::Base
+        has_many :groups
+        belongs_to :account
+
+        def name
+          [first_name, last_name].join(' ')
+        end
+      end
+
+%tt
+  &lt;tt&gt;
+  This tt text should be monospaced
+  and 
+  wrap as if 
+  one line of text
+  even though the code has newlines, spaces, and tabs. 
+  It should be the same size as &lt;p&gt; text.
+
+.clearfix
+%hr
+
+.notice
+  %h3 Additional Styleguides
+  %ul
+    %li Additional styleguides
+

data/config/routes.rb

@@ -0,0 +1,3 @@
+Rails.application.routes.draw do
+  resource :styleguides, :as => :styleguide, :controller => 'sitges/styleguides', :only => [:show]
+end

data/lib/generators/sitges/USAGE

@@ -0,0 +1,8 @@
+Description:
+    Explain the generator
+
+Example:
+    rails generate sitges Thing
+
+    This will create:
+        what/will/it/create

data/lib/generators/sitges/sitges_generator.rb

@@ -0,0 +1,8 @@
+class SitgesGenerator < Rails::Generators::Base
+  source_root File.expand_path('../templates', __FILE__)
+  # argument :layout_name, :type => :string, :default => "application"  
+  def generate_layout  
+    directory "stylesheets", "public/stylesheets/"  
+    directory "images", "public/images/" 
+  end 
+end

data/lib/generators/sitges/templates/stylesheets/sass/_forms.scss

@@ -0,0 +1,99 @@
+@import "sitges";
+
+/* Form */
+/*removes dotted outline on submit buttons when clicking in firefox */
+input[type="submit"]::-moz-focus-inner {
+  border: none;
+}
+form {
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+  table {
+    table-layout: auto; 
+  }
+  tr, td {
+    border: 0 none;
+  }
+}
+.field_with_errors {
+  input, textarea, select, div.cleditorMain {
+    outline: 2px solid #B02B2C;
+  }
+}
+div#error_explanation {
+  border: 1px solid;
+  border-color: darken(#B02B2C, 20%); 
+  background: #B02B2C;
+  color: #fff;
+  @include rhythm-margin(14, none, 14, none);
+  h1, h2, h3, h4, h5, h6, p {
+    color: #fff;
+    font-size: 18px;
+  }
+  ul {
+    font-size: 1em;
+  }
+}
+td.warning_dialog {
+  padding-top: 0;
+  font-size: 11px;
+}
+td.with_warning_dialog {
+  padding-bottom: 0;
+}
+td.label_text_area {
+  text-align: right;
+  vertical-align: top;
+  padding-top: 1em * 1 / 2;
+}
+td.label {
+  text-align: right;
+  width: 10%;
+}
+td.file_field {
+  input {
+    //padding: 1em * 1 / 4;
+  }
+}
+td.text_field {
+  width: 90%;
+  input {
+    font-size: 16px;
+    padding: 1em * 1 / 4;
+    background: url("/images/input_bg.gif") repeat-x scroll center top #FFFFFF;
+    border: 1px solid;
+    border-color: #666666 #CCCCCC #CCCCCC;
+    width: 400px;
+  }
+}
+td.text_area {
+  textarea {
+    font-size: 16px;
+    padding: 1em * 1 / 4;
+    height: 200px;
+    width: 400px;
+    background: url("/images/input_bg.gif") repeat-x scroll center top #FFFFFF;
+    border: 1px solid;
+    border-color:#666666 #CCCCCC #CCCCCC;
+  }
+}
+td.select {
+  select {
+    font-size: 16px;
+    padding: 1em * 1 / 4;
+    border: 1px solid;
+    border-color: #666666 #CCCCCC #CCCCCC;
+  }
+}
+td.submit {
+  padding-top: 1em * 1 / 1;
+  input {
+    padding: 1em * 1 / 1.2;
+    cursor:pointer;
+    display:inline-block;
+    font-size:12px;
+    font-weight:bold;
+    &:hover {
+    }
+  }
+}

data/lib/generators/sitges/templates/stylesheets/sass/_grids.scss

@@ -0,0 +1,15 @@
+@media screen and (max-width: 319px) {.unit{float: none !important; width: auto !important;}}
+.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
+.line{*zoom:1;}
+.unit{float:left;}
+.size1of1{float:none;}
+.size1of2{width:50%;}
+.size1of3{width:33.33333%;}
+.size2of3{width:66.66666%;}
+.size1of4{width:25%;}
+.size3of4{width:75%;}
+.size1of5{width:20%;}
+.size2of5{width:40%;}
+.size3of5{width:60%;}
+.size4of5{width:80%;}
+.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}

data/lib/generators/sitges/templates/stylesheets/sass/_html5.scss

@@ -0,0 +1,3 @@
+section, article, header, footer, nav {
+    display: block;
+} 

data/lib/generators/sitges/templates/stylesheets/sass/_lists.scss

@@ -0,0 +1,42 @@
+@import "sitges";
+
+/* Lists */
+ul, ol {
+  list-style-position: inside;
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
+
+li ul, li ol {
+    font-size: 1em;
+}
+
+ul {
+  list-style-type: disc;
+}
+
+ol {
+  list-style-type: decimal;
+}
+
+dl {
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
+
+dl dt {
+  font-weight: bold;
+  margin-top: 1em * $base_size / 12;
+}
+
+dl dd {
+  margin-bottom: 0em;
+}
+
+dd {
+  margin-left: 1em * $base_size / 12;
+}
+
+ol ol, ol ul, ul ul, ul ol {
+  margin-left: 1em * $base_size / 12;
+}

data/lib/generators/sitges/templates/stylesheets/sass/_prettify.scss

@@ -0,0 +1,185 @@
+@import "sitges";
+
+*, :active, :focus {
+  outline:0 none;
+}
+::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
+::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
+html {
+  -webkit-font-smoothing: antialiased;
+}
+div#wrap {
+  //border: 1px dashed #000000;
+  @include rhythm-size(800, none);
+  @include rhythm-margin(12, auto, 12, auto);
+}
+body {
+  font-size: 1em;
+  font-family: Arial, Verdana, sans-serif;
+  -webkit-user-select: none;
+  color: lighten(#000000, 30%);
+  cursor: default;
+}
+img {
+  -ms-interpolation-mode:bicubic;
+}
+h1, h2, h3, h4, h5, h6 {
+  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
+  color: #356AA0;
+  text-rendering: optimizeLegibility;
+}
+h1 {
+  @include rhythm-font(20);
+  @include rhythm-padding(20, 20, 0, 20);
+  //@include rhythm-margin(0, 0, 20, 0);
+  font-weight: bold;
+}
+h2 {
+  @include rhythm-font(18);
+  @include rhythm-padding(18, 18, 0, 18);
+  //@include rhythm-margin(0, 0, 18, 0);
+  word-spacing:-1px;
+  font-weight: normal;
+}
+h3 {
+  @include rhythm-font(16);
+  @include rhythm-padding(16, 16, 0, 16);
+  //@include rhythm-margin(0, 0, 16, 0);
+  font-weight: bold;
+}
+h4 {
+  @include rhythm-font(16);
+  @include rhythm-padding(16, 16, 0, 16);
+  //@include rhythm-margin(0, 0, 16, 0);
+  font-weight: bold;
+}
+h5 {
+  @include rhythm-font(16);
+  @include rhythm-padding(16, 16, 0, 16);
+  //@include rhythm-margin(0, 0, 16, 0);
+  font-weight: bold;
+}
+h6 {
+  @include rhythm-font(16);
+  @include rhythm-padding(16, 16, 0, 16);
+  //@include rhythm-margin(0, 0, 16, 0);
+  font-weight: bold;
+}
+p {
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
+
+/* Use this to create a horizontal ruler across a column. */
+hr {
+  background: #000000;
+  border: none;
+  clear: both;
+  color: #000000;
+  float: none;
+  height: 1px;
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
+
+hr.space {
+  background: #fff;
+  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 */
+
+abbr, acronym {
+  border-bottom: 1px dotted #666;
+  cursor: help;
+}
+
+address {
+  font-style: italic;
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
+
+del {
+  color:#666;
+}
+
+a, a:link {
+  color: #1a4882;
+  text-decoration: underline;
+}
+
+a:visited {
+  color: #1a4882;
+}
+
+a:hover {
+  color: #052246;
+}
+
+a:active,
+a:focus {
+  color: #1a4882;
+}
+
+blockquote {
+  //@include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+  border-left: 4px solid #d1d1d1;
+  color: lighten(#000000, 50%);
+  font-style: italic;
+  //font-size: 1em;
+}
+
+strong {
+  font-weight: bold;
+}
+
+em,
+dfn {
+  font-style: italic;
+}
+
+dfn {
+  font-weight: bold;
+}
+
+pre, code {
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+  white-space: pre;
+  display: block;
+}
+
+pre, code, tt {
+  font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
+}
+
+pre.code {
+  background: #000;
+  color: #fff;
+  @include rhythm-font(14);
+  @include rhythm-padding(14, 14, 14, 14);
+  code {
+    margin: 0;
+  }
+}
+
+tt {
+  display: block;
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
+

data/lib/generators/sitges/templates/stylesheets/sass/_rails.scss

@@ -0,0 +1,39 @@
+@import "sitges";
+
+div#flash {
+  @include rhythm-padding(14, 14, none, 14);
+}
+
+/* Success, error & notice boxes for messages and errors. */
+div.error, div.notice, div.success,
+#flash_failure, #flash_success, #flash_notice, #flash_alert {
+  border: 1px solid;
+  color: #fff;
+  h1, h2, h3, h4, h5, h6, p {
+    color: #fff;
+  }
+}
+
+div.error,
+#flash_failure,
+#flash_alert {
+  border-color: darken(#B02B2C, 20%); 
+  background: #B02B2C;
+}
+
+div.notice,
+#flash_notice {
+  border-color: darken(#356AA0, 20%);
+  background: #356AA0;
+}
+
+div.success,
+#flash_success {
+  border-color: darken(#73880A, 20%);
+  background: #73880A;
+}
+.highlight {
+  background: lighten(#356AA0, 45%);
+  text-decoration: none;
+  font-style: italic;
+}

data/lib/generators/sitges/templates/stylesheets/sass/_reset.scss

@@ -0,0 +1,54 @@
+/* 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;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+
+/* remember to highlight inserts somehow! */
+ins {
+	text-decoration: none;
+}
+del {
+	text-decoration: line-through;
+}
+
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+

data/lib/generators/sitges/templates/stylesheets/sass/_sitges.scss

@@ -0,0 +1,106 @@
+/*
+Formulas ritmo vertical:
+(1 ÷ tamaño de fuente padre × requerido por el valor en pixel = valor en em)
+*/
+
+$parent_size: 16;
+$base_size: 18;
+
+@mixin rhythm-size($w, $h, $parent_size: $parent_size) {
+  @if $w == none {
+  } @else {
+    width: 1em / $parent_size * $w;
+  }
+
+  @if $h == none {
+  } @else {
+    height: 1em / $parent_size * $h;
+  }
+}
+
+@mixin rhythm-font($s, $base_size: $base_size, $parent_size: $parent_size) {
+  @if $s == none {
+  } @else if $s == 1 {
+    font-size: 1em;
+    line-height: 1em;
+  } @else {
+    font-size: 1em / $parent_size * $s;
+    line-height: 1em * $base_size / $s;
+  }
+}
+
+@mixin rhythm-margin($t, $r, $b, $l, $base_size: $base_size) {
+  @if $t == auto {
+    margin-top: $t;
+  } @else if $t == 0 {
+    margin-top: $t;
+  } @else if $t == none {
+  } @else {
+    margin-top: 1em * $base_size / $t;
+  }
+
+  @if $r == auto {
+    margin-right: $r;
+  } @else if $r == 0 {
+    margin-right: $r;
+  } @else if $r == none {
+  } @else {
+    margin-right: 1em * $base_size / $r;
+  }
+
+  @if $b == auto {
+    margin-bottom: $b;
+  } @else if $b == 0 {
+    margin-bottom: $b;
+  } @else if $b == none {
+  } @else {
+    margin-bottom: 1em * $base_size / $b;
+  }
+
+  @if $l == auto {
+    margin-left: $l;
+  } @else if $l == 0 {
+    margin-left: $l;
+  } @else if $l == none {
+  } @else {
+    margin-left: 1em * $base_size / $l;
+  }
+}
+
+@mixin rhythm-padding($t, $r, $b, $l, $base_size: $base_size) {
+  @if $t == auto {
+    padding-top: $t;
+  } @else if $t == 0 {
+    padding-top: $t;
+  } @else if $t == none {
+  } @else {
+    padding-top: 1em * $base_size / $t;
+  }
+
+  @if $r == auto {
+    padding-right: $r;
+  } @else if $r == 0 {
+    padding-right: $r;
+  } @else if $r == none {
+  } @else {
+    padding-right: 1em * $base_size / $r;
+  }
+
+  @if $b == auto {
+    padding-bottom: $b;
+  } @else if $b == 0 {
+    padding-bottom: $b;
+  } @else if $b == none {
+  } @else {
+    padding-bottom: 1em * $base_size / $b;
+  }
+
+  @if $l == auto {
+    padding-left: $l;
+  } @else if $l == 0 {
+    padding-left: $l;
+  } @else if $l == none {
+  } @else {
+    padding-left: 1em * $base_size / $l;
+  }
+}

data/lib/generators/sitges/templates/stylesheets/sass/_tables.scss

@@ -0,0 +1,41 @@
+@import "sitges";
+
+/* Tables */
+
+table {
+  //table-layout: fixed;
+  width: 100%;
+  ul {
+    margin-bottom: 0; 
+    margin-right: 0;
+    margin-top: 0;
+    font-size: 1em;
+  }
+}
+
+div.table {
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
+
+th {
+  border: 1px solid #000000;
+  font-weight: bold;
+  text-align: left;
+}
+
+td {
+  border: 1px solid #000000;
+}
+
+caption, th, td {
+  padding: 1em * 1 / 4;
+}
+
+caption {
+  background: #f1f1f1;
+}
+
+tr, td, th {
+  vertical-align: middle;
+}

data/lib/sitges/engine.rb

@@ -0,0 +1,5 @@
+module Sitges
+  class Engine < Rails::Engine
+  end
+end
+

data/lib/sitges/version.rb

@@ -0,0 +1,3 @@
+module Sitges
+  VERSION = "0.1.0"
+end

data/lib/sitges.rb

@@ -0,0 +1,3 @@
+module Sitges
+  require 'sitges/engine' if defined?(Rails) && Rails::VERSION::MAJOR == 3
+end

data/sitges.gemspec

@@ -0,0 +1,61 @@
+# Generated by jeweler
+# DO NOT EDIT THIS FILE DIRECTLY
+# Instead, edit Jeweler::Tasks in Rakefile, and run the gemspec command
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = %q{sitges}
+  s.version = "0.1.0"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Alexander Sviridov"]
+  s.date = %q{2010-11-11}
+  s.description = %q{Style helper for Rails 3}
+  s.email = %q{sviridoff.mail@gmail.com}
+  s.extra_rdoc_files = [
+    "README.rdoc"
+  ]
+  s.files = [
+    ".gitignore",
+     "Gemfile",
+     "README.rdoc",
+     "Rakefile",
+     "VERSION",
+     "app/controllers/sitges/styleguides_controller.rb",
+     "app/views/layouts/sitges.html.haml",
+     "app/views/sitges/styleguides/show.html.haml",
+     "config/routes.rb",
+     "lib/generators/sitges/USAGE",
+     "lib/generators/sitges/sitges_generator.rb",
+     "lib/generators/sitges/templates/images/input_bg.gif",
+     "lib/generators/sitges/templates/stylesheets/sass/_forms.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_grids.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_html5.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_lists.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_prettify.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_rails.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_reset.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_sitges.scss",
+     "lib/generators/sitges/templates/stylesheets/sass/_tables.scss",
+     "lib/sitges.rb",
+     "lib/sitges/engine.rb",
+     "lib/sitges/version.rb",
+     "lib/tasks/.gitkeep",
+     "sitges.gemspec"
+  ]
+  s.rdoc_options = ["--charset=UTF-8"]
+  s.require_paths = ["lib"]
+  s.rubygems_version = %q{1.3.7}
+  s.summary = %q{Style helper for Rails 3}
+
+  if s.respond_to? :specification_version then
+    current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+    else
+    end
+  else
+  end
+end
+

metadata

@@ -0,0 +1,92 @@
+--- !ruby/object:Gem::Specification 
+name: sitges
+version: !ruby/object:Gem::Version 
+  hash: 27
+  prerelease: false
+  segments: 
+  - 0
+  - 1
+  - 0
+  version: 0.1.0
+platform: ruby
+authors: 
+- Alexander Sviridov
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-11-11 00:00:00 +01:00
+default_executable: 
+dependencies: []
+
+description: Style helper for Rails 3
+email: sviridoff.mail@gmail.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.rdoc
+files: 
+- .gitignore
+- Gemfile
+- README.rdoc
+- Rakefile
+- VERSION
+- app/controllers/sitges/styleguides_controller.rb
+- app/views/layouts/sitges.html.haml
+- app/views/sitges/styleguides/show.html.haml
+- config/routes.rb
+- lib/generators/sitges/USAGE
+- lib/generators/sitges/sitges_generator.rb
+- lib/generators/sitges/templates/images/input_bg.gif
+- lib/generators/sitges/templates/stylesheets/sass/_forms.scss
+- lib/generators/sitges/templates/stylesheets/sass/_grids.scss
+- lib/generators/sitges/templates/stylesheets/sass/_html5.scss
+- lib/generators/sitges/templates/stylesheets/sass/_lists.scss
+- lib/generators/sitges/templates/stylesheets/sass/_prettify.scss
+- lib/generators/sitges/templates/stylesheets/sass/_rails.scss
+- lib/generators/sitges/templates/stylesheets/sass/_reset.scss
+- lib/generators/sitges/templates/stylesheets/sass/_sitges.scss
+- lib/generators/sitges/templates/stylesheets/sass/_tables.scss
+- lib/sitges.rb
+- lib/sitges/engine.rb
+- lib/sitges/version.rb
+- lib/tasks/.gitkeep
+- sitges.gemspec
+has_rdoc: true
+homepage: 
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+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
+signing_key: 
+specification_version: 3
+summary: Style helper for Rails 3
+test_files: []
+