base_css-rails 1.1 → 1.2

data/README.md

@@ -19,25 +19,43 @@ Or install it yourself as:
 
 ## Usage
 
+### With the installer
+	
+Run the rails generator:
+
+	rails g base_css:install
+
+### Manual installation
+
 Once installed on the Rails application, you just have to require the stylesheet on your application.css file
 
-```
-*= require base-style
-```
+
+	*= require base-style
+
 
 Also you have to require the javascript file on you application.js file
 
-```
-//= require base-script
-```
 
-And you're ready to go, for more information on how to use the framework, check the [Documentation](http://matthewhartman.github.com/base/demo/)
+	//= require base-script
+
+
+And you're ready to go, for more information on how to use the framework, check the [Documentation](http://matthewhartman.github.com/base/docs/base-css.html)
+
+## Changelog
+
+ - Added a install generator
+ - Updated the file to the latest [update](https://github.com/matthewhartman/base/commit/2be664ce77faadb167aef89e7964d1d48227724b) from the Github repository
+ 
 
 ## Credits
 
+### Base author
+
 Credits go to [matthewhartman](https://github.com/matthewhartman) for creating this cool and easy to use framework
 
-Also, you can follow me on [twitter](http://twitter.com/rkrdo89)
+### About me
+
+You can follow me on [Twitter](http://twitter.com/rkrdo89), [Facbeook](https://www.facebook.com/rkrdoc89) and [Linkedn](http://www.linkedin.com/pub/ricardo-cruz/55/38/2b3)
 
 ## License
 Copyright (c) 2012 Ricardo Cruz

data/lib/base_css-rails/engine.rb

@@ -0,0 +1,6 @@
+module BaseCss
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/base_css-rails/version.rb

@@ -1,5 +1,5 @@
 module BaseCss
   module Rails
-    VERSION = "1.1"
+    VERSION = "1.2"
   end
 end

data/lib/base_css-rails.rb

@@ -2,8 +2,6 @@ require "base_css-rails/version"
 
 module BaseCss
   module Rails
-    # Your code goes here...
-    class Engine < ::Rails::Engine
-    end
+    require 'base_css-rails/engine'
   end
 end

data/lib/generators/base_css/install_generator.rb

@@ -0,0 +1,27 @@
+require 'rails/generators'
+
+module BaseCss
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+
+      desc 'This generator adds the basecss files to the assets manifest'
+      def add_assets
+        insert_into_file "app/assets/javascripts/application#{detect_js_format[0]}", "#{detect_js_format[1]} require base-script\n", :after => "jquery_ujs\n"
+        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "#{detect_css_format[1]} require base-style\n", :after => "require_self\n"
+      end
+
+      def detect_js_format
+        return ['.js.coffee', '#='] if File.exist?('app/assets/javascripts/application.js.coffee')
+        return ['.js', '//='] if File.exist?('app/assets/javascripts/application.js')
+      end
+
+      def detect_css_format
+        return ['.css', ' *='] if File.exist?('app/assets/stylesheets/application.css')
+        return ['.css.sass', ' //='] if File.exist?('app/assets/stylesheets/application.css.sass')
+        return ['.sass', ' //='] if File.exist?('app/assets/stylesheets/application.sass')
+        return ['.css.scss', ' //='] if File.exist?('app/assets/stylesheets/application.css.scss')
+        return ['.scss', ' //='] if File.exist?('app/assets/stylesheets/application.scss')
+      end
+    end
+  end
+end

data/vendor/assets/stylesheets/base-style.css

@@ -2,7 +2,7 @@
 
   Base Stylesheet - http://matthewhartman.github.com/base/
   Author: Matthew Hartman - http://www.matthewhartman.com.au/
-  Version: 1.2 - Last Updated: 12th January, 2013
+  Version: 1.2 - Last Updated: 16th January, 2013
 
 ========================================================================== */
 /* ==========================================================================
@@ -31,6 +31,17 @@
 .section {
   zoom: 1;
 }
+.checkbox:before,
+.checkbox:after {
+  content: "";
+  display: table;
+}
+.checkbox:after {
+  clear: both;
+}
+.checkbox {
+  zoom: 1;
+}
 /* General Resets */
 /* Start font size at 100% */
 html {
@@ -43,12 +54,18 @@ select,
 textarea {
   font-family: sans-serif;
 }
-/* Remove all default borders */
+/* Remove default borders */
 form,
 fieldset,
 a img {
   border: 0;
 }
+/* Remove default spacing */
+form,
+fieldset {
+  margin: 0;
+  padding: 0;
+}
 /* Common Classes */
 .left {
   float: left;
@@ -185,27 +202,42 @@ small {
 /* Block Quotes, Pre and Code Blocks */
 blockquote,
 q {
-  quotes: none;
-  background-color: #f7f7f9;
-  border: 1px solid #e1e1e8;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  -moz-background-clip: padding;
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-  padding: .5em 1em;
-  margin: 0;
+  font-size: 20px;
+  font-size: 1.25rem;
+  line-height: 32px;
+  line-height: 2rem;
+  padding: 20px 30px;
+  margin: 20px 0;
+  font-family: "Georgia", "Times";
   font-style: italic;
 }
-code,
-pre {
+blockquote:before,
+q:before,
+blockquote:after,
+q:after {
+  font-size: 80px;
+  font-size: 5rem;
+  color: #999999;
+}
+blockquote:before,
+q:before {
+  content: "\201C";
+  margin-left: -0.5em;
+  float: left;
+}
+blockquote:after,
+q:after {
+  content: "\201D";
+  margin-right: -0.5em;
+  float: right;
+}
+code {
   padding: 2px 6px;
-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-family: Monaco, Andale Mono, "Courier New", monospace;
   font-size: 12px;
   font-size: 0.75rem;
-  background-color: #f1f1f1;
-  border: 1px solid #dddddd;
+  background-color: #fee9cc;
+  border: 1px solid #ffc9b3;
   line-height: normal;
   color: #222222;
   -webkit-border-radius: 3px;
@@ -232,6 +264,10 @@ table {
   border-left: 0;
   background-color: #fff;
   border-spacing: 0;
+  table-layout: fixed;
+  word-wrap: break-word;
+  -ms-word-wrap: break-word;
+  *white-space: normal;
 }
 table th,
 table td {
@@ -273,6 +309,202 @@ ol ol {
 }
 /* 1.5 Forms, Labels and Inputs
    ========================================================================== */
+fieldset {
+  margin: 1.5em 0;
+}
+legend {
+  font-family: arial, helvetica, clean, sans-serif;
+  font-size: 32px;
+  font-size: 2rem;
+  line-height: normal;
+  font-weight: bold;
+  width: 100%;
+  display: block;
+  border: 0;
+  *margin-left: -5px;
+}
+label {
+  font-weight: bold;
+  cursor: pointer;
+}
+.inline-field label {
+  display: inline-block;
+  *zoom: 1;
+  *display: inline;
+  margin-right: 1em;
+}
+.field {
+  padding: 0.2em 0;
+}
+.field label {
+  display: block;
+}
+.checkbox {
+  display: block;
+  position: relative;
+  line-height: normal;
+  padding: 0.2em 0;
+}
+.checkbox label {
+  display: table-cell;
+  *zoom: 1;
+}
+.checkbox input[type=checkbox],
+.checkbox input[type=radio] {
+  float: left;
+  top: -2px;
+  position: relative;
+  margin-right: 1em;
+}
+/* Inputs (Text, Search, Email, etc) */
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=search],
+input[type=tel],
+input[type=file] {
+  outline: 0;
+  padding: 2px 5px;
+  height: 28px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  vertical-align: middle;
+  font-size: 21px;
+  font-size: 1.3125rem;
+  font-weight: bold;
+  background-color: #ffffff;
+  color: #666666;
+  border: 1px solid #dddddd;
+  border-top: 1px solid #999999;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+}
+input[type=file] {
+  border: 0;
+  height: 20px;
+}
+input[type=button]::-moz-focus-inner,
+input[type=submit]::-moz-focus-inner,
+input[type=reset]::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+input[type=submit],
+input[type=button],
+input[type=reset] {
+  line-height: normal;
+  cursor: pointer;
+  -webkit-appearance: none;
+  /* Remove Default Browser Behaviour for Safari */
+
+  -moz-appearance: none;
+  /* Remove Default Browser Behaviour for Firefox */
+
+}
+textarea {
+  font-size: 21px;
+  font-size: 1.3125rem;
+  font-weight: bold;
+  background-color: #ffffff;
+  color: #666666;
+  outline: 0;
+  padding: 2px 5px;
+  vertical-align: top;
+  border: 1px solid #dddddd;
+  padding: 10px;
+  resize: none;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+}
+select {
+  font-size: 14px;
+  font-size: 0.875rem;
+  outline: 0;
+  border: 0;
+  padding: 7px;
+  height: 30px;
+  line-height: normal;
+  display: inline-block;
+  *zoom: 1;
+  *display: inline;
+  vertical-align: middle;
+  *border: 10px solid #ffffff;
+  outline: 1px solid #999999;
+}
+select[multiple] {
+  min-height: 100px;
+  vertical-align: top;
+  border: 1px solid #dddddd;
+}
+select,
+input[type=text],
+input[type=password],
+input[type=email],
+input[type=search],
+input[type=tel] {
+  width: 280px;
+}
+textarea {
+  width: 260px;
+}
+/* Buttons */
+.buttons {
+  padding: 1em 0;
+}
+.button {
+  font-size: 14px;
+  font-size: 0.875rem;
+  line-height: normal;
+  cursor: pointer;
+  border: 0;
+  padding: 0.8em 3em;
+  color: #222222;
+  text-decoration: none;
+  text-align: center;
+}
+.orange-button {
+  background-color: #fee9cc;
+}
+.orange-button:hover {
+  background-color: #ffe0b5;
+}
+.orange-button:active {
+  background-color: #fdeed8;
+}
+.button[disabled],
+.button.disabled {
+  color: #999999;
+  background-color: #f1f1f1;
+}
+.no-style-button {
+  font-size: 13px;
+  font-size: 0.8125rem;
+  color: #ff3300;
+  text-decoration: underline;
+  border: 0;
+  background: transparent;
+  height: auto;
+  padding: 0;
+}
+.no-style-button:hover {
+  text-decoration: none;
+}
+.no-style-button[disabled],
+.no-style-button.disabled {
+  text-decoration: none;
+  color: #999999;
+}
 /* ==========================================================================
 /* 2.0 - Grid Layout (Responsive)
    ========================================================================== */
@@ -373,6 +605,7 @@ ol ol {
     padding: 0;
     margin: 0;
   }
+  /* Mobile Grid */
   .one,
   .two,
   .three,
@@ -394,10 +627,24 @@ ol ol {
     padding-left: 20px;
     padding-right: 20px;
   }
+  /* Mobile Tables */
   table th,
   table td {
     padding: 4px;
   }
+  /* Mobile Forms */
+  input[type=text],
+  input[type=password],
+  input[type=email],
+  input[type=search],
+  input[type=tel],
+  textarea {
+    width: 90%;
+    padding: 5%;
+  }
+  select {
+    width: 100%;
+  }
   .nomobile {
     display: none;
   }
@@ -405,148 +652,4 @@ ol ol {
     display: block;
   }
 }
-/* End Mobile Media Query */
-/* ==========================================================================
-/* -- Print Layout
-   ========================================================================== */
-@media print {
-  body {
-    font-family: serif;
-    /* Serif is easier to read offscreen */
-    margin: 0.5cm;
-  }
-}
-/* End Print Media Query */
-.header {
-  background-color: #d6511d;
-  margin-bottom: 10px;
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-.logo {
-  margin: 14px 0 0 0;
-  color: #fff;
-  font-size: 32px;
-  font-size: 2rem;
-  font-weight: bold;
-  text-transform: uppercase;
-  text-decoration: none;
-}
-.logo .small {
-  font-size: 11px;
-  position: relative;
-  top: -20px;
-}
-.logo:hover,
-.logo:active,
-.logo:visited {
-  color: #fff;
-}
-.navigation {
-  line-height: normal;
-  padding-top: 12px;
-}
-.navigation ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.navigation ul li {
-  float: left;
-  margin-left: 10px;
-}
-.navigation ul li:first-child {
-  margin-left: 0;
-}
-.navigation ul li a {
-  text-transform: uppercase;
-  color: #fff;
-  padding: 8px 24px;
-  border: 1px solid #d6511d;
-  text-decoration: none;
-  font-size: 12px;
-}
-.navigation ul li a.current {
-  border-color: #fff;
-}
-.navigation ul li a:hover {
-  border-color: #fff0ea;
-}
-.navigation ul li a:active {
-  background-color: #ffc9b3;
-  border-color: #ffc9b3;
-  color: #222;
-}
-.content-inner {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-@media only screen and (min-width: 720px) and (max-width: 959px) {
-  .navigation ul li {
-    margin-left: 5px;
-  }
-  .navigation ul li a {
-    padding: 10px 15px;
-  }
-}
-@media only screen and (max-width: 719px) {
-  .header {
-    padding-bottom: 0;
-    text-align: center;
-  }
-  .header .container {
-    padding: 0;
-  }
-  .logo {
-    float: none;
-    margin: 0 auto;
-    display: inline-block;
-    *zoom: 1;
-    *display: inline;
-  }
-  .logo .small {
-    font-size: 1em;
-    position: static;
-  }
-  .nav-toggle {
-    display: block;
-    background-color: #fddfd3;
-    text-align: center;
-    color: #222;
-    padding: 10px;
-    text-decoration: none;
-  }
-  .nav-toggle:hover,
-  .nav-toggle.active {
-    background-color: #fff0ea;
-  }
-  .navigation {
-    float: none;
-  }
-  .navigation ul li {
-    float: none;
-    margin-left: 0;
-  }
-  .navigation ul li a {
-    color: #222;
-    padding: 10px;
-    display: block;
-    font-size: 1em;
-    text-transform: none;
-    background-color: #fddfd3;
-    border: 0;
-  }
-  .navigation ul li a:hover {
-    background-color: #fff0ea;
-  }
-  .menu {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-  .showmobile.inline-block {
-    display: inline-block;
-    *zoom: 1;
-    *display: inline;
-  }
-}
+/* End Mobile Media Query */

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: base_css-rails
 version: !ruby/object:Gem::Version
-  version: '1.1'
+  version: '1.2'
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-01-22 00:00:00.000000000 Z
+date: 2013-02-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -35,8 +35,10 @@ executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- lib/base_css-rails/engine.rb
 - lib/base_css-rails/version.rb
 - lib/base_css-rails.rb
+- lib/generators/base_css/install_generator.rb
 - vendor/assets/javascripts/base-script.js
 - vendor/assets/stylesheets/base-style.css
 - LICENSE.txt