sitges 0.2.1 → 0.2.2

data/README.rdoc

@@ -5,6 +5,8 @@
 This gem is depend from HAML
 
   gem "haml-rails"
+  gem "simple_form"
+  gem "compass"
 
 The basic usage is copy all stylesheets files:
 
@@ -26,5 +28,6 @@ Some modules provided by sitges:
 * Grids -> Grids from OOCSS [grids]
 * Typography -> Rhythm & Proportion from Sitges special functions. [sitges]
 * Basic rails style -> Flash notice divs. [rails]
-* Basic style -> [tables, lists, forms, html5, prettify]
+* Form -> Forms uses compass and simple_form [forms]
+* Basic style -> [tables, lists, html5, prettify]
 

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

@@ -174,45 +174,17 @@
   %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"
+    %li Use simple_form gem from https://github.com/plataformatec/simple_form.git
+    %li And compass gem
+
+= simple_form_for '' do |f|
+  = f.input :username, :hint => 'Your username please'
+  = f.input :password
+  = f.hint 'No special characters, please!'
+  = f.input :description, :as => :text
+  = f.input :accepts,     :as => :radio
+  = f.input :date_of_birth, :as => :date, :start_year => Date.today.year - 90, :end_year => Date.today.year - 12, :discard_day => true, :order => [:month, :year], :required => false
+  = f.button :submit
 
 .clearfix
 %hr

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

@@ -1,99 +1,110 @@
 @import "sitges";
+@import "compass";
 
 /* 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;
-  }
+label abbr{
+  float: right;
 }
-td.warning_dialog {
-  padding-top: 0;
-  font-size: 11px;
+span.hint {
+  margin: 0 0 0 90px;
+  display: block;
+  color: #3B5998;
+  font-size: 12px;
 }
-td.with_warning_dialog {
-  padding-bottom: 0;
+span.error {
+  margin: 0 0 0 90px;
+  display: block;
+  color: #B02B2C;
 }
-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;
+div.date {
+  margin: 5px 0 5px 0;
+  label.date {
+    display: inline-block;
+    vertical-align: baseline;
+    width: 80px;
+    text-align: right;
+    padding: 5px;
+  }
+  select {
+    border: 1px solid #96A6C5;
+    font-size: 16px;
+    padding: 5px;
   }
 }
-td.text_field {
-  width: 90%;
+div.string, div.password {
+  margin: 5px 0 5px 0;
   input {
     font-size: 16px;
-    padding: 1em * 1 / 4;
+    padding: 5px;
     background: url("/images/input_bg.gif") repeat-x scroll center top #FFFFFF;
     border: 1px solid;
     border-color: #666666 #CCCCCC #CCCCCC;
     width: 400px;
   }
+  label.string, label.password {
+    display: inline-block;
+    vertical-align: baseline;
+    width: 80px;
+    text-align: right;
+    padding: 5px;
+  }
 }
-td.text_area {
+div.text {
+  margin: 5px 0 5px 0;
   textarea {
     font-size: 16px;
-    padding: 1em * 1 / 4;
+    padding: 5px;
     height: 200px;
     width: 400px;
     background: url("/images/input_bg.gif") repeat-x scroll center top #FFFFFF;
     border: 1px solid;
     border-color:#666666 #CCCCCC #CCCCCC;
   }
+  label.text {
+    display: inline-block;
+    width: 80px;
+    text-align: right;
+    vertical-align: top;
+    padding: 5px;
+  }
 }
-td.select {
-  select {
-    font-size: 16px;
+div.radio {
+  margin: 5px 0 5px 0;
+  label.radio {
+    display: inline-block;
+    vertical-align: baseline;
+    width: 80px;
+    text-align: right;
     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 {
-    }
+input[type="submit"] {
+  background: url("/images/alert-overlay.png") repeat-x scroll 0 0 #FFB90F;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-top: 3px solid rgba(255, 255, 255, 0.4);
+  color: #FFFFFF;
+  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+  font-size: 1.4em;
+  font-weight: bold;
+  padding: 5px 30px 5px 30px;
+  margin: 20px 0 0 90px;
+  text-align: center;
+  @include box-shadow(rgba(0, 0, 0, 0.2), 0, 1px, 3px);
+  @include border-radius(5px);
+  @include text-shadow(rgba(0, 0, 0, 0.35), -1px, -1px, 0);
+  cursor: pointer;
+  &:focus, &:hover {
+    background-color: #FF9800;
+    color: #FFFFFF;
   }
 }

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

@@ -9,7 +9,7 @@ html {
   -webkit-font-smoothing: antialiased;
 }
 div#wrap {
-  //border: 1px dashed #000000;
+  border: 1px dashed #000000;
   @include rhythm-size(800, none);
   @include rhythm-margin(12, auto, 12, auto);
 }

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

@@ -1,9 +1,5 @@
 @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 {

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

@@ -1,7 +1,11 @@
 @import "sitges";
 
-/* Tables */
+div.table {
+  @include rhythm-font(14);
+  @include rhythm-margin(14, 14, 14, 14);
+}
 
+/* Tables */
 table {
   //table-layout: fixed;
   width: 100%;
@@ -13,11 +17,6 @@ table {
   }
 }
 
-div.table {
-  @include rhythm-font(14);
-  @include rhythm-margin(14, 14, 14, 14);
-}
-
 th {
   border: 1px solid #000000;
   font-weight: bold;

data/lib/sitges/version.rb

@@ -1,5 +1,5 @@
 module Sitges
   module Rails
-    VERSION = "0.2.1"
+    VERSION = "0.2.2"
   end
 end

data/sitges.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{sitges}
-  s.version = "0.2.1"
+  s.version = "0.2.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.3.6") if s.respond_to? :required_rubygems_version=
   s.authors = ["Alexander Sviridoff"]
-  s.date = %q{2010-11-11}
+  s.date = %q{2010-11-14}
   s.description = %q{Style helper for Rails 3 projects.}
   s.email = ["sviridoff.mail@gmail.com"]
   s.extra_rdoc_files = [

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: sitges
 version: !ruby/object:Gem::Version 
-  hash: 21
+  hash: 19
   prerelease: false
   segments: 
   - 0
   - 2
-  - 1
-  version: 0.2.1
+  - 2
+  version: 0.2.2
 platform: ruby
 authors: 
 - Alexander Sviridoff
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-11-11 00:00:00 +01:00
+date: 2010-11-14 00:00:00 +01:00
 default_executable: 
 dependencies: []