smartstart 0.1.0

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in smartstart_rails.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Alex
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,30 @@
+# SmartstartRails
+Sass OOCSS library
+
+Add this line to your application's Gemfile:
+
+    gem 'smartstart'
+    
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install smartstart
+
+## Usage
+
+Use sass @import instead of sprockets manifest =require instruction:
+
+    @import 'smartstart'
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+

data/Rakefile

@@ -0,0 +1,2 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"

data/lib/generators/smartstart/helpers.rb

@@ -0,0 +1,11 @@
+module Smartstart
+  module Generators
+    module Helpers
+      
+      def smartstart_path
+        "app/assets/stylesheets/smartstart/"
+      end
+      
+    end
+  end
+end

data/lib/generators/smartstart/responsive/responsive_generator.rb

@@ -0,0 +1,21 @@
+require 'rails'
+require 'generators/smartstart/helpers'
+
+module Smartstart
+  module Generators
+    class ResponsiveGenerator < Rails::Generators::Base
+
+      include Smartstart::Generators::Helpers
+      
+      source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
+      
+      def responsive_file
+        "responsive.sass"
+      end
+      
+      def create_responsive
+        copy_file "#{responsive_file}", "#{smartstart_path}/#{responsive_file}"  
+      end
+    end
+  end
+end

data/lib/generators/smartstart/spaces/spaces_generator.rb

@@ -0,0 +1,21 @@
+require 'rails'
+require 'generators/smartstart/helpers'
+
+module Smartstart
+  module Generators
+    class SpacesGenerator < Rails::Generators::Base
+
+      include Smartstart::Generators::Helpers
+      
+      source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
+      
+      def spaces_file
+        "spaces.sass"
+      end
+      
+      def create_spaces
+        copy_file "#{spaces_file}", "#{smartstart_path}/#{spaces_file}"  
+      end
+    end
+  end
+end

data/lib/generators/smartstart/typo/typo_generator.rb

@@ -0,0 +1,21 @@
+require 'rails'
+require 'generators/smartstart/helpers'
+
+module Smartstart
+  module Generators
+    class TypoGenerator < Rails::Generators::Base
+
+      include Smartstart::Generators::Helpers
+      
+      source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
+      
+      def typo_file
+        "typography.sass"
+      end
+      
+      def create_typography
+        copy_file "#{typo_file}", "#{smartstart_path}/#{typo_file}"  
+      end
+    end
+  end
+end

data/lib/generators/smartstart/ui/ui_generator.rb

@@ -0,0 +1,21 @@
+require 'rails'
+require 'generators/smartstart/helpers'
+
+module Smartstart
+  module Generators
+    class UiGenerator < Rails::Generators::Base
+
+      include Smartstart::Generators::Helpers
+      
+      source_root File.expand_path('../../../../../vendor/assets/stylesheets/smartstart', __FILE__)
+      
+      def ui_file
+        "ui.sass"
+      end
+      
+      def create_ui
+        copy_file "#{ui_file}", "#{smartstart_path}/#{ui_file}"  
+      end
+    end
+  end
+end

data/lib/smartstart/engine.rb

@@ -0,0 +1,4 @@
+module Smartstart
+  class Engine < Rails::Engine
+  end
+end

data/lib/smartstart/version.rb

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

data/lib/smartstart.rb

@@ -0,0 +1,5 @@
+require "smartstart/version"
+require "smartstart/engine"
+module Smartstart
+  # Your code goes here...
+end

data/smartstart.gemspec

@@ -0,0 +1,19 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path('../lib/smartstart/version', __FILE__)
+
+Gem::Specification.new do |gem|
+  gem.authors       = ["Alex Chaplinsky"]
+  gem.email         = ["alchapone@yandex.ru"]
+  gem.description   = %q{Sass library to start with}
+  gem.summary       = %q{Sass library to start with}
+  gem.homepage      = ""
+  
+  gem.add_runtime_dependency 'sass-rails'
+  
+  gem.files         = `git ls-files`.split($\)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.name          = "smartstart"
+  gem.require_paths = ["lib"]
+  gem.version       = Smartstart::VERSION
+end

data/vendor/assets/stylesheets/smartstart/grids.sass

@@ -0,0 +1,60 @@
+.row
+  +clearfix()
+    
+.last-col
+  display: table-cell
+  float: none
+  width: auto
+  _margin-right: -3px
+  _left: -3px
+  _position: relative
+  *display: block
+  *zoom: 1
+  &:after
+    content: ' . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'
+    clear: both
+    display: block
+    height: 0 !important
+    line-height: 0
+    visibility: hidden
+
+.col1of2,
+.col1of3, .col2of3,
+.col1of4, .col2of4, .col3of4,
+.col1of5, .col2of5, .col3of5, .col4of5,
+.col1of6, .col2of6, .col3of6, .col4of6, .col5of6
+  float: left
+  +box-sizing()
+
+.col1of2, .col2of4, .col3of6
+  width: 50%
+
+.col1of3, .col2of6
+  width: 33.33333%
+  
+.col2of3, .col4of6
+  width: 66.66666%
+
+.col1of4
+  width: 25%
+
+.col3of4
+  width: 75%
+
+.col1of5
+  width: 20%
+
+.col2of5
+  width: 40%
+
+.col3of5
+  width: 60%
+
+.col4of5
+  width: 80%
+
+.col1of6
+  width: 16.66666%
+
+.col5of6
+  width: 83.33333%

data/vendor/assets/stylesheets/smartstart/ie7.scss

@@ -0,0 +1,7 @@
+.col1of2,
+.col1of3, .col2of3,
+.col1of4, .col2of4, .col3of4,
+.col1of5, .col2of5, .col3of5, .col4of5,
+.col1of6, .col2of6, .col3of6, .col4of6, .col5of6 {
+  z-index: expression(z-index: expression(runtimeStyle.zIndex = 1, runtimeStyle.width = this.offsetWidth - (parseInt(this.currentStyle.paddingLeft)*2 + parseInt(this.currentStyle.paddingRight)*2 + 1 ) + 'px');
+}

data/vendor/assets/stylesheets/smartstart/library/alerts.sass

@@ -0,0 +1,25 @@
+=alert($border: #C09853, $background: #FCF8E3)
+  +alert-skin($border, $background)
+  position: relative
+  padding: 10px 15px
+  +text-shadow(0 1px 0 #fff)
+  +border-radius(5px)
+  .close
+    position: absolute
+    top: 5px
+    right: 5px
+    height: 18px
+    width: 15px
+    color: #bbb
+    text-decoration: none
+    font-weight: bold
+    font-size: 18px
+    line-height: 18px
+    +inline-block()
+    &:hover
+      color: #999
+
+=alert-skin($border, $background)
+  background: $background
+  border: 1px solid lighten($border, 10%)
+  color: $border

data/vendor/assets/stylesheets/smartstart/library/forms.sass

@@ -0,0 +1,51 @@
+$button-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(100, 100, 100, 0.1)
+$active-button-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset, 0 1px 2px rgba(100, 100, 100, 0.1)
+
+$text-field-shadow: 1px 2px 2px rgba(100, 100, 100, 0.1) inset
+$active-text-field-shadow: 0 0 4px rgba(82, 168, 236, 0.6)
+
+// ----- BUTTONS ----- // 
+=simple-button($bg: #E6E6E6, $color: #333)
+  +simple-button-skin($bg, $color)
+  line-height: normal
+  padding: 5px 10px
+  text-decoration: none
+  +box-sizing
+  +box-shadow($button-shadow)
+  +border-radius(5px)
+  +inline-block
+  +text-shadow(0 1px 0 #fff)
+  &:hover
+    cursor: pointer
+    background: $bg
+    color: $color
+    text-decoration: none
+  &:active
+    +box-shadow($active-button-shadow)
+    
+=simple-button-skin($bg, $color)
+  color: $color
+  border: 1px solid darken($bg, 10%)
+  +vertical-gradient(lighten($bg, 10%), $bg)
+  +text-shadow(none)
+  &:hover
+    background: $bg
+
+// ----- TEXT FIELDS ----- //     
+=text-field
+  border: 1px solid #ccc
+  background: #fff
+  line-height: normal
+  padding: 5px
+  width: 100%
+  +border-radius(5px)
+  +box-sizing
+  +box-shadow($text-field-shadow)
+  +placeholder-color(#aaa)
+  &:focus
+    +text-field-skin(#FFF, #52A8EC)
+    +box-shadow($active-text-field-shadow)
+  
+=text-field-skin($bg, $border)
+  background: $bg
+  border-color: $border

data/vendor/assets/stylesheets/smartstart/library/tables.sass

@@ -0,0 +1,38 @@
+=data-table($border: #DDD, $background: #fafafa)
+  +data-table-skin($border, $background)
+  width: 100%
+  padding: 0
+  border-collapse: collapse
+  border-spacing: 0
+  td, th
+    padding: 7px 10px
+  thead th
+    font-weight: bold
+  tbody 
+    tr:hover td
+      background: #fafaef
+      
+=data-table-skin($border, $background)
+  border:  1px solid $border
+  td, th
+    border:  1px solid $border
+  thead th
+    +vertical-gradient($background, darken($background, 5%))
+  tbody 
+    tr:nth-child(2n) td
+      background: $background
+      
+=simple-table
+  width: 100%
+  padding: 0
+  border-collapse: collapse
+  border-spacing: 0
+  td, th
+    padding: 7px 10px
+  thead th
+    font-weight: bold
+  tbody tr
+    border-top: 1px solid #DDD
+    &:hover
+      background: #fafaef
+    

data/vendor/assets/stylesheets/smartstart/mixins.sass

@@ -0,0 +1,154 @@
+=animation($properties)
+  -webkit-animation: $properties
+  -moz-animation: $properties
+  -ms-animation: $properties
+  -o-animation: $properties
+  animation: $properties
+  
+=background-clip($clip) 
+  -webkit-background-clip: $clip
+  -moz-background-clip: $clip
+  background-clip: $clip
+
+=background-size($size)
+  -webkit-background-size: $size
+  -moz-background-size: $size
+  -o-background-size: $size
+  background-size: $size
+          
+=border-radius($properties)
+  -webkit-border-radius: $properties
+  -moz-border-radius: $properties
+  border-radius: $properties
+
+=box-shadow($properties)
+  -webkit-box-shadow: $properties
+  -moz-box-shadow: $properties
+  -o-box-shadow: $properties
+  box-shadow: $properties
+  
+=box-sizing($property: border-box)
+  -webkit-box-sizing: $property
+  -moz-box-sizing: $property
+  box-sizing: $property
+  
+=clearfix
+  *zoom: 1
+  &:after
+    content: '.'
+    display: block
+    height: 0
+    line-height: 0
+    clear: both
+    visibility: hidden
+  
+=inline-block
+  display: -moz-inline-stack
+  display: inline-block
+  zoom: 1
+  _overflow: hidden
+  *display: inline
+
+=opacity($opacity: 1)
+  opacity: $opacity
+  filter: alpha(opacity=$opacity * 100)
+  
+=placeholder-color($color)
+  &:-moz-placeholder
+    color: $color
+  &::-webkit-input-placeholder
+    color: $color
+
+=rotate($degrees)
+  -webkit-transform: rotate(#{$degrees}deg)
+  -moz-transform: rotate(#{$degrees}deg)
+  -ms-transform: rotate(#{$degrees}deg)
+  -o-transform: rotate(#{$degrees}deg)
+  transform: rotate(#{$degrees}deg)
+
+=scale($ratio)
+  -webkit-transform: scale($ratio)
+  -moz-transform: scale($ratio)
+  -ms-transform: scale($ratio)
+  -o-transform: scale($ratio)
+  transform: scale($ratio)
+  
+=skew($x: 0, $y: 0)
+  -webkit-transform: skew($x, $y)
+  -moz-transform: skew($x, $y)
+  -ms-transform: skew($x, $y)
+  -o-transform: skew($x, $y)
+  transform: skew($x, $y)
+
+=text-shadow($properties)
+  -webkit-text-shadow: $properties
+  -moz-text-shadow: $properties
+  text-shadow: $properties
+
+=translate($x: 0, $y: 0)
+  -webkit-transform: translate($x, $y)
+  -moz-transform: translate($x, $y)
+  -ms-transform: translate($x, $y)
+  -o-transform: translate($x, $y)
+  transform: translate($x, $y)
+
+=translate3d($x: 0, $y: 0, $z: 0)
+  -webkit-transform: translate($x, $y, $z)
+  -moz-transform: translate($x, $y, $z)
+  -ms-transform: translate($x, $y, $z)
+  -o-transform: translate($x, $y, $z)
+  transform: translate($x, $y, $z)
+          
+=transition($properties)
+  -webkit-transition: $properties
+  -moz-transition: $properties
+  -o-transition: $properties
+  transition: $properties
+
+=transform($properties)
+  -webkit-transform: $properties
+  -moz-transform: $properties
+  -o-transform: $properties
+  transform: $properties
+          
+=user-select($properties)
+  -webkit-user-select: $properties
+  -moz-user-select: -moz-$properties
+  user-select: $properties
+  
+=vertical-gradient($from, $to)
+  background: $to
+  background-repeat: repeat-x
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $from), color-stop(100%, $to))// Safari 4+, Chrome 2+
+  background-image: -webkit-linear-gradient(top, $from, $to) // Safari 5.1+, Chrome 10+
+  background-image: -moz-linear-gradient(top, $from, $to) // FF 3.6+
+  background-image: -ms-linear-gradient(top, $from, $to) // IE10
+  background-image: -o-linear-gradient(top, $from, $to) // Opera 11.10
+  background-image: linear-gradient(top, $from, $to) // The standard
+
+=horizontal-gradient($from, $to)
+  background: $to
+  background-repeat: repeat-x
+  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, $from), color-stop(100%, $to))
+  background-image: -webkit-linear-gradient(left, $from, $to)
+  background-image: -moz-linear-gradient(left, $from, $to)
+  background-image: -ms-linear-gradient(left, $from, $to)
+  background-image: -o-linear-gradient(left, $from, $to)
+  background-image: linear-gradient(left, $from, $to)
+  
+=radial-gradient($from, $to)
+  background-color: $to
+  background-repeat: no-repeat
+  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($from), to($to))
+  background-image: -webkit-radial-gradient(circle, $from, $to)
+  background-image: -moz-radial-gradient(circle, $from, $to)
+  background-image: -ms-radial-gradient(circle, $from, $to)
+  
+=directional-gradient($from, $to, $deg)
+  background-color: $to
+  background-repeat: repeat-x
+  background-image: -moz-linear-gradient($deg, $from, $to) // FF 3.6+
+  background-image: -ms-linear-gradient($deg, $from, $to) // IE10
+  background-image: -webkit-linear-gradient($deg, $from, $to) // Safari 5.1+, Chrome 10+
+  background-image: -o-linear-gradient($deg, $from, $to) // Opera 11.10
+  background-image: linear-gradient($deg, $from, $to) // The standard

data/vendor/assets/stylesheets/smartstart/reset.sass

@@ -0,0 +1,46 @@
+*
+  padding: 0
+  margin: 0
+  outline: none
+  font-size: 1em
+
+img, iframe, fieldset, object, table
+  border: none
+
+sub, sup
+  vertical-align: baseline
+  
+caption, th
+  font-weight: normal
+  text-align: left
+    
+table
+  border-collapse: collapse
+  border-spacing: 0
+  
+td
+  vertical-align: top
+
+th, h1, h2, h3, h4, h5, h6
+  font-weight: normal
+  
+img 
+  max-width: 100%
+  height: auto
+  border: 0
+  -ms-interpolation-mode: bicubic
+
+button, input, select, textarea
+  margin: 0
+  font-size: 100%
+    
+button, input 
+  *overflow: visible 
+  line-height: normal
+
+button::-moz-focus-inner, input::-moz-focus-inner
+  border: 0
+  padding: 0
+
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
+  display: block

data/vendor/assets/stylesheets/smartstart/responsive.sass

@@ -0,0 +1,81 @@
+.container, .container-fluid
+  margin: 0 auto
+  
+// DEFAULT DESKTOP
+// ---------------
+@media (min-width: 980px)
+  .container
+    width: 940px
+  .mobile-on 
+    display: none!important
+  .tablet-on
+    display: none!important
+  .desktop-on
+    display: block!important
+  .mobile-off
+    display: block!important
+  .tablet-off
+    display: block!important
+  .desktop-off 
+    display: none!important
+
+// LARGE DESKTOP & UP
+// ------------------
+@media (min-width: 1200px)
+  .container
+    width: 1160px
+  .container-fluid
+    max-width: 1160px
+
+// TABLETS AND BELOW
+// -----------------
+@media (max-width: 979px)
+
+// PORTRAIT TABLET TO DEFAULT DESKTOP
+// ----------------------------------
+@media (min-width: 768px) and (max-width: 979px)
+  .container
+    width: 740px
+  .mobile-on
+    display: none!important
+  .tablet-on
+    display: block!important
+  .desktop-on
+    display: none!important
+  .mobile-off
+    display: block!important
+  .tablet-off
+    display: none!important
+  .desktop-off
+    display: block!important
+
+// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
+// --------------------------------------------------
+@media (max-width: 767px)
+  .container
+    width: auto
+    padding: 0 20px
+  .mobile-on
+    display: block!important
+  .tablet-on
+    display: none!important
+  .desktop-on
+    display: none!important
+  .mobile-off
+    display: none!important
+  .tablet-off
+    display: block!important
+  .desktop-off
+    display: block!important
+  .col1of2, 
+  .col1of3, .col2of3, 
+  .col1of4, .col2of4, .col3of4,
+  .col1of5, .col2of5, .col3of5, .col4of5,
+  .col1of6, .col2of6, .col3of6, .col4of6, .col5of6
+    width: 100%
+    float: none
+    margin-left: 0
+    margin-right: 0
+// UP TO LANDSCAPE PHONE
+// ---------------------
+@media (max-width: 480px)

data/vendor/assets/stylesheets/smartstart/spaces.sass

@@ -0,0 +1,99 @@
+$small  :   5px
+$medium :   20px
+$large  :    30px
+
+.ptn, .pvn, .pan
+  padding-top: 0px!important
+
+.pts, .pvs, .pas
+  padding-top: $small
+
+.ptm, .pvm, .pam
+  padding-top: $medium
+
+.ptl, .pvl, .pal
+  padding-top: $large
+
+.prn, .phn, .pan
+  padding-right: 0px!important
+
+.prs, .phs, .pas
+  padding-right: $small
+
+.prm, .phm, .pam
+  padding-right: $medium
+
+.prl, .phl, .pal
+  padding-right: $large
+
+.pbn, .pvn, .pan
+  padding-bottom: 0px!important
+
+.pbs, .pvs, .pas
+  padding-bottom: $small
+
+.pbm, .pvm, .pam
+  padding-bottom: $medium
+
+.pbl, .pvl, .pal
+  padding-bottom: $large
+
+.pln, .phn, .pan
+  padding-left: 0px!important
+
+.pls, .phs, .pas
+  padding-left: $small
+
+.plm, .phm, .pam
+  padding-left: $medium
+
+.pll, .phl, .pal
+  padding-left: $large
+
+.mtn, .mvn, .man
+  margin-top: 0px!important
+
+.mts, .mvs, .mas
+  margin-top: $small
+
+.mtm, .mvm, .mam
+  margin-top: $medium
+
+.mtl, .mvl, .mal
+  margin-top: $large
+
+.mrn, .mhn, .man
+  margin-right: 0px!important
+
+.mrs, .mhs, .mas
+  margin-right: $small
+
+.mrm, .mhm, .mam
+  margin-right: $medium
+
+.mrl, .mhl, .mal
+  margin-right: $large
+
+.mbn, .mvn, .man
+  margin-bottom: 0px!important
+
+.mbs, .mvs, .mas
+  margin-bottom: $small
+
+.mbm, .mvm, .mam
+  margin-bottom: $medium
+
+.mbl, .mvl, .mal
+  margin-bottom: $large
+
+.mln, .mhn, .man
+  margin-left: 0px!important
+
+.mls, .mhs, .mas
+  margin-left: $small
+
+.mlm, .mhm, .mam
+  margin-left: $medium
+
+.mll, .mhl, .mal
+  margin-left: $large

data/vendor/assets/stylesheets/smartstart/typography.sass

@@ -0,0 +1,160 @@
+body, input, button
+  font-family:  Arial, sans-serif
+  font-size:    13px
+  line-height:  18px
+  color: #333
+// LINKS
+// -----
+a 
+  color: #1A3DC1
+  text-decoration: none
+  
+a:hover
+  color: darken(#1A3DC1, 5%)
+  text-decoration: underline
+
+small 
+  font-size: 11px
+  color: #777
+
+// HEADINGS
+// --------
+h1, h2, h3, h4, h5, h6 
+  font-weight: bold
+  text-rendering: optimizelegibility // Fix the character spacing for headings
+  small 
+    font-weight: normal
+
+h1 
+  font-size: 28px 
+  line-height: 36px
+  small 
+    font-size: 20px 
+
+h2 
+  font-size: 24px
+  line-height: 36px
+  small 
+    font-size: 20px 
+
+h3 
+  font-size: 20px
+  line-height: 27px
+  small 
+    font-size: 18px 
+  
+h4, h5, h6 
+  line-height: 18px
+
+h4 
+  font-size: 18px 
+  small 
+    font-size: 16px
+  
+h5 
+  font-size: 16px
+
+h6 
+  font-size: 13px
+  color: #666
+  text-transform: uppercase
+
+
+// LISTS
+// -----
+ul, ol 
+  padding: 0
+  margin: 0 0 9px 2 25px
+
+ul ul,
+ul ol,
+ol ol,
+ol ul 
+  margin-bottom: 0
+
+ul 
+  list-style: disc
+
+ol 
+  list-style: decimal
+
+li 
+  line-height: 18px
+
+ul.unstyled,
+ol.unstyled 
+  margin-left: 0
+  list-style: none
+
+// Description Lists
+dl 
+  margin-bottom: 18px
+
+dt,
+dd 
+  line-height: 18px
+
+dt 
+  font-weight: bold
+
+dd 
+  margin-left: 9px
+
+// Horizontal rules
+hr 
+  margin: 18px 0
+  border: 0
+  border-top: 1px solid #aaa
+  border-bottom: 1px solid #fff
+
+
+// Emphasis
+strong 
+  font-weight: bold
+
+em 
+  font-style: italic
+
+// Abbreviations and acronyms
+abbr 
+  font-size: 90%
+  text-transform: uppercase
+  border-bottom: 1px dotted #ddd
+  cursor: help
+
+
+// Blockquotes
+blockquote 
+  padding: 0 0 0 15px
+  margin: 0 0 18px
+  border-left: 5px solid #666
+  p 
+    margin-bottom: 0
+  
+  small 
+    display: block
+    line-height: 18px
+    color: #666
+    &:before 
+      content: '\2014 \00A0'
+    
+// Quotes
+q:before,
+q:after,
+blockquote:before, 
+blockquote:after 
+  content: ""
+
+// Addresses
+address 
+  display: block
+  margin-bottom: 18px
+  line-height: 18px
+  font-style: normal
+
+// Misc
+small 
+  font-size: 100%
+
+cite 
+  font-style: normal

data/vendor/assets/stylesheets/smartstart/ui.sass

@@ -0,0 +1,47 @@
+@import "library/forms"
+@import "library/tables"
+@import "library/alerts"
+
+/////////////// Buttons
+.button 
+  +simple-button
+  &.primary
+    +simple-button-skin(#4185C4, #FFF)
+  &.danger
+    +simple-button-skin(#DA4F49, #FFF)
+////////////////////////////////////////
+
+////////////// Text fields
+input[type=text], input[type=password], input[type=email], textarea
+  +text-field
+  &.disabled
+    +text-field-skin(#F5F5F5, #CCC)
+    color: #BBB
+  &.error
+    +text-field-skin(#fefafa, #E05C5C)
+  &.warning
+    +text-field-skin(#fffdfa, #f6b002)
+  &.success
+    +text-field-skin(#fafffa, #00bc00)
+/////////////////////////////////////////
+
+///////////// Tables
+.table
+  +data-table
+
+.simple-table
+  +simple-table
+/////////////////////////////////////////
+  
+//////////////// Flash messages and alerts
+.flash-message
+  +alert
+  &.error
+    +alert-skin(#B94A48, #F2DEDE)
+  &.success
+    +alert-skin(#468847, #DFF0D8)
+  &.warning
+    +alert-skin(#C09853, #FFFAEC)
+  &.info
+    +alert-skin(#3A87AD, #D9EDF7)
+//////////////////////////////////////////

data/vendor/assets/stylesheets/smartstart/utility.sass

@@ -0,0 +1,22 @@
+.right
+  float: right
+
+.left
+  float: left
+
+.center
+  margin-left: auto
+  margin-right: auto
+
+.hidden
+  display: none
+  visibility: hidden
+
+.by-left
+  text-align: left
+
+.by-right
+  text-align: right
+
+.by-center
+  text-align: center

data/vendor/assets/stylesheets/smartstart.sass

@@ -0,0 +1,4 @@
+@import "smartstart/mixins"
+@import "smartstart/reset"
+@import "smartstart/grids"
+@import "smartstart/utility"

metadata

@@ -0,0 +1,83 @@
+--- !ruby/object:Gem::Specification
+name: smartstart
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+  prerelease: 
+platform: ruby
+authors:
+- Alex Chaplinsky
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-07-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass-rails
+  requirement: &70104571257840 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70104571257840
+description: Sass library to start with
+email:
+- alchapone@yandex.ru
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- lib/generators/smartstart/helpers.rb
+- lib/generators/smartstart/responsive/responsive_generator.rb
+- lib/generators/smartstart/spaces/spaces_generator.rb
+- lib/generators/smartstart/typo/typo_generator.rb
+- lib/generators/smartstart/ui/ui_generator.rb
+- lib/smartstart.rb
+- lib/smartstart/engine.rb
+- lib/smartstart/version.rb
+- smartstart.gemspec
+- vendor/assets/stylesheets/smartstart.sass
+- vendor/assets/stylesheets/smartstart/grids.sass
+- vendor/assets/stylesheets/smartstart/ie7.scss
+- vendor/assets/stylesheets/smartstart/library/alerts.sass
+- vendor/assets/stylesheets/smartstart/library/forms.sass
+- vendor/assets/stylesheets/smartstart/library/tables.sass
+- vendor/assets/stylesheets/smartstart/mixins.sass
+- vendor/assets/stylesheets/smartstart/reset.sass
+- vendor/assets/stylesheets/smartstart/responsive.sass
+- vendor/assets/stylesheets/smartstart/spaces.sass
+- vendor/assets/stylesheets/smartstart/typography.sass
+- vendor/assets/stylesheets/smartstart/ui.sass
+- vendor/assets/stylesheets/smartstart/utility.sass
+homepage: ''
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.10
+signing_key: 
+specification_version: 3
+summary: Sass library to start with
+test_files: []