sitges 0.1.0 → 0.2.0

data/README.rdoc

@@ -3,16 +3,28 @@
 = Basic Usage
 
 This gem is depend from HAML
-  <tt>gem "haml-rails"</tt>
+
+  gem "haml-rails"
 
 The basic usage is copy all stylesheets files:
-  <tt>rails generate sitges</tt>
+
+  rails generate sitges:install
 
 And you can acces to stylesheet guide from:
-  <tt>styleguides</tt>
+
+  /styleguides
+
+Add to your *.scss file:
+
+  @import "[module]"; 
 
 = Content
 
-* Reset -> Reset from Yahoo Reset
-* Grids -> Grids from OOCSS
+Some modules provided by sitges:
+
+* Reset -> Reset from Yahoo Reset [reset]
+* 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]
 

data/VERSION

@@ -1 +1 @@
-0.1.0
+0.2.0

data/lib/sitges/version.rb

@@ -1,3 +1,5 @@
 module Sitges
-  VERSION = "0.1.0"
+  module Rails
+    VERSION = "0.2.0"
+  end
 end

data/lib/sitges.rb

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

data/sitges.gemspec

@@ -5,7 +5,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{sitges}
-  s.version = "0.1.0"
+  s.version = "0.2.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Alexander Sviridov"]
@@ -25,22 +25,9 @@ Gem::Specification.new do |s|
      "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"]

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: sitges
 version: !ruby/object:Gem::Version 
-  hash: 27
+  hash: 23
   prerelease: false
   segments: 
   - 0
-  - 1
+  - 2
   - 0
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors: 
 - Alexander Sviridov
@@ -37,22 +37,9 @@ files:
 - 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: 

data/lib/generators/sitges/USAGE

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

data/lib/generators/sitges/sitges_generator.rb

@@ -1,8 +0,0 @@
-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

@@ -1,99 +0,0 @@
-@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

@@ -1,15 +0,0 @@
-@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

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

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

@@ -1,42 +0,0 @@
-@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

@@ -1,185 +0,0 @@
-@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

@@ -1,39 +0,0 @@
-@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

@@ -1,54 +0,0 @@
-/* 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

@@ -1,106 +0,0 @@
-/*
-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

@@ -1,41 +0,0 @@
-@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;
-}