scss-boilerplate-rails 0.1.2 → 0.1.3

data/.gitmodules

@@ -0,0 +1,3 @@
+[submodule "lib/generators/scss_boilerplate/install/templates"]
+	path = lib/generators/scss_boilerplate/install/templates
+	url = git@github.com:blakehilscher/scss-boilerplate.git

data/README.md

@@ -9,16 +9,15 @@ Installation
 
 ##### 1. In your Gemfile
 
-```ruby
-group :assets do
-  gem 'sass-rails'
-  gem 'coffee-rails'
-  gem 'uglifier'
-  gem 'compass-rails'
-  gem 'compass-h5bp'
-  gem 'scss-boilerplate-rails'
-end
-```
+      group :assets do
+        gem 'sass-rails'
+        gem 'coffee-rails'
+        gem 'uglifier'
+        gem 'compass-rails'
+        gem 'compass-h5bp'
+        gem 'scss-boilerplate-rails'
+      end
+
 
 ##### 2. Install your bundle
 
@@ -80,4 +79,4 @@ $ rails generate scss_boilerplate:namespace posts
       create  app/assets/stylesheets/posts/variables.css.scss
       append  app/assets/stylesheets/application.css.scss
       
-      
+      

data/scss-boilerplate-rails.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = 'scss-boilerplate-rails'
-  s.version     = '0.1.2'
+  s.version     = '0.1.3'
   s.date        = '2012-04-02'
   s.summary     = "Rails support for scss-boilerplate."
   s.description = "Generate scss partials with a namespace."

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: scss-boilerplate-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2012-04-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass-rails
-  requirement: &2160336360 !ruby/object:Gem::Requirement
+  requirement: &2164530820 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *2160336360
+  version_requirements: *2164530820
 - !ruby/object:Gem::Dependency
   name: compass-h5bp
-  requirement: &2160335420 !ruby/object:Gem::Requirement
+  requirement: &2164529920 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,7 +32,7 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *2160335420
+  version_requirements: *2164529920
 description: Generate scss partials with a namespace.
 email: blake@hilscher.ca
 executables: []
@@ -40,25 +40,12 @@ extensions: []
 extra_rdoc_files: []
 files:
 - .gitignore
+- .gitmodules
 - .rvmrc
 - Gemfile
 - README.md
 - lib/generators/scss_boilerplate/install/USAGE
 - lib/generators/scss_boilerplate/install/install_generator.rb
-- lib/generators/scss_boilerplate/install/templates/application.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/chromeframe.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/collections.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/common.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/document.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/footers.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/forms.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/headers.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/helpers.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/image_replaces.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/media_queries.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/typography.css.scss
-- lib/generators/scss_boilerplate/install/templates/application/variables.css.scss
-- lib/generators/scss_boilerplate/install/templates/config/compass.rb
 - lib/generators/scss_boilerplate/namespace/USAGE
 - lib/generators/scss_boilerplate/namespace/namespace_generator.rb
 - lib/generators/scss_boilerplate/namespace/templates/namespace.css.scss

data/lib/generators/scss_boilerplate/install/templates/application.css.scss

@@ -1,25 +0,0 @@
-/* Variables */
-@import "application/variables";
-
-/* CSS3 Compass Helpers */
-@import "compass/css3";
-
-/* Reset & Helpers */
-@import "h5bp";
-@include h5bp-normalize;
-@include h5bp-helpers;
-@include h5bp-media;
-
-/* Application */
-@import "application/helpers";
-@import "application/chromeframe";
-@import "application/typography";
-@import "application/image_replaces";
-@import "application/collections";
-@import "application/document";
-@import "application/headers";
-@import "application/footers";
-@import "application/common";
-@import "application/forms";
-@import "application/media_queries";
-

data/lib/generators/scss_boilerplate/install/templates/application/chromeframe.css.scss

@@ -1,14 +0,0 @@
-// This file was generated by html5-rails
-// https://github.com/sporkd/html5-rails
-// Upgrade with: $ rails generate html5:install
-
-//-----------------------------------------
-// Chrome Frame prompt
-//-----------------------------------------
-
-.chromeframe {
-  margin: 0.2em 0;
-  background: #ccc;
-  color: black;
-  padding: 0.2em 0;
-}

data/lib/generators/scss_boilerplate/install/templates/application/common.css.scss

@@ -1,40 +0,0 @@
-/* Visual Elements */
-img{
-  vertical-align:top;
-}
-.thumbnail{
-  overflow:hidden;
-  display:inline-block;
-  background-color:white;
-  border:1px solid #dddddd;
-  padding:1px;
-}
-.notice-message{
-  @include border-radius(10px);
-  background-color: #f2f2f2;
-  border: 1px solid #ccc;
-  color: #333;
-  
-  font-weight: bold;
-  margin-bottom: 10px;
-  margin-top: 10px;
-  padding: 10px;
-}
-.alert-message{
-  @extend .notice-message;
-  background-color: #FFA5A5;
-  border-color:#993333;
-  color: #993333;
-}
-.warning-message{
-  @extend .notice-message;
-  background-color: #FAFAD2;
-  border-color:#BC8E19;
-  color: #BC8E19;
-}
-.success-message{
-  @extend .notice-message;
-  background-color:#BDEDB6;
-  border-color:#264421;
-  color: #264421;
-}

data/lib/generators/scss_boilerplate/install/templates/application/document.css.scss

@@ -1,25 +0,0 @@
-html{
-  
-}
-body{
-  
-}
-#container{
-  width:100%;
-	max-width:$width-container;
-	margin:20px auto;
-	background:#fff;
-	@include border-radius(10px);
-	@include box-shadow(#ccc, 1px);
-}
-#main{
-  overflow:auto;
-}
-section.main{
-  .inner-section-main{
-    padding:20px;
-  }
-}
-aside.main{
-  float:left;
-}

data/lib/generators/scss_boilerplate/install/templates/application/forms.css.scss

@@ -1,140 +0,0 @@
-.rockhil-form{  
-  .field{
-    overflow:auto;
-    border-bottom:1px solid #ddd;
-    padding-bottom:10px;
-
-    .field-describe{
-      width:30%;
-      float:left;
-    }
-    .field-request{
-      float:left;
-      width:70%;
-    }
-    &:last-child{
-      border-bottom:0;
-      padding-bottom:0;
-    }
-  }
-
-  .field-request{
-    overflow:hidden;
-  }
-  /* Form Element Description */
-  .field-describe{
-    padding-top:10px;
-    padding-bottom:10px;
-    overflow:hidden;
-    .field-describe-detail{
-      background:#f2f2f2;
-      padding:4px;
-      margin-right:10px;
-      margin-top:4px;
-      line-height:15px;
-      font-weight:normal;
-    }
-    span.field-describe-detail{
-      margin-left:6px;
-    }
-    .field_with_errors{
-      display:inline;
-      background:#FFA5A5;
-    }
-  }
-
-  .field-checkbox{
-    .field-describe{
-      padding-top:0px;
-      padding-bottom:0px;
-      width:92%;
-    }
-    .field-request{
-      vertical-align:middle;
-      width:8%;
-      text-align:center;
-    }
-  }
-  .field-text{
-    input{
-      padding:10px;
-      border:1px solid #ddd;
-      background-color:#f4f4f4;
-      width:60%;
-    }
-  }
-  .field-file{
-
-  }
-  .field-textarea{
-    textarea{
-      width:90%;
-      height:140px;
-      padding:10px;
-      border:1px solid #ddd;
-      background-color:#f4f4f4;
-    }
-  }
-  .field-select{
-
-  }
-  /* Contains Form Submits and Buttons */
-  .field-actions,
-  &.field-actions{
-    input,a{
-      padding: 10px;
-      background-color: $link-color;
-      color: #ffffff;
-      font-weight: bold;
-      border:none;
-      @include border-radius(10px);
-      &:hover{
-        cursor:pointer;
-      }
-    }
-    a{
-      display:inline-block;
-      padding:10px;
-      text-decoration:none;
-    }
-  }
-  /* Labels generated by jQuery validation error */
-  label.error{
-    clear:both;
-    display:block;
-    display:inline-block;
-    background-color: #F4B5B6;
-    font-size: 11px;
-    padding: 10px;
-    margin: 10px;
-    border: 1px solid #A81015;
-    @include border-radius(10px);
-  }
-  /* Contains validation errors */
-  .field-errors{
-    background-color: #FFA5A5;
-    border: 2px solid #A40000;
-    padding: 10px;
-    @include border-radius(10px);
-    ul{
-      li{
-        list-style-type:disc;
-        margin-left: 20px;
-      }
-    }
-  }
-  /* Contains a series of field-fields */
-  .field-group{
-    border:1px solid #dddddd;
-    border-left:10px solid #dddddd;
-    margin-left:10px;
-    padding: 10px;
-  }
-  .field-header{
-    .field-describe{
-      @extend h3;
-      width:100%;
-      float:none;
-    }
-  }
-}

data/lib/generators/scss_boilerplate/install/templates/application/headers.css.scss

@@ -1,11 +0,0 @@
-header.website{
-  width:$width-container;
-	.inner-header-website{
-	  padding:10px;
-	}
-  nav.website{
-    ul{
-      @include list-float();
-    }
-  }
-}

data/lib/generators/scss_boilerplate/install/templates/application/helpers.css.scss

@@ -1,173 +0,0 @@
-/**************************************************************
-	
-	@include list-reset(margin, orientation)
-	-
-	Reset a list and force the list items to float left.
-	
-**************************************************************/
-
-@mixin list-reset()
-{
-  list-style:none;
-  vertical-align:top;
-  margin:0;
-  padding:0;
-  overflow:auto;
-  li{
-    padding:0;
-    margin:0;
-  }
-}
-
-/**************************************************************
-	
-	@include list-float(margin, orientation)
-	-
-	Reset a list and force the list items to float left.
-	
-**************************************************************/
-
-@mixin list-float()
-{
-  @include list-reset();
-  li{
-    float:left;
-  }
-}
-
-
-/**************************************************************
-	
-	@include image-replace(image-name, file-extension);
-	-
-	Replace the element with this image
-	
-**************************************************************/
-@mixin image-replace($name, $ext: png)
-{
-	@include sized-background-image($name, $ext);
-	display:block;
-	text-indent:-9999px;
-	text-align:left;
-	border:0;
-}
-
-/**************************************************************
-
-	@include image-replace-auto(image, hover-image, ext)
-  -
-	Replace the element with this image.
-	Automatically generate a css class based on the image name.
-
-**************************************************************/
-@mixin image-replace-auto($name, $ext: png)
-{
-	.#{$name},
-	.#{$name}.active:hover {
-		@include image-replace($name, $ext);
-	}
-	input.#{$name} {
-		cursor:pointer;
-	}
-}
-
-/**************************************************************
-
-	@include image-bullet(image-name, image-position, file-extension);
-	-
-	Position an image the left or right of an element.
-		
-**************************************************************/
-@mixin image-bullet($name, $align:left, $ext: png)
-{
-	$filename: '#{$name}.#{$ext}';
-
-	display:block;
-	border:0;
-	background:image-url($filename) no-repeat scroll $align center transparent;
-	@include min-height(image-height( $filename ) - image-height( $filename ) / 4 );
-  padding-top:image-height( $filename ) / 4;
-	padding-#{$align}:image-width( $filename ) + 5px;
-
-	@if $align == right{
-		float:right;
-	}
-}
-
-/**************************************************************
-
-	@include image-bullet-auto(image-name, image-position, file-extension);
-	-
-	Position an image the left or right of an element.
-	Automatically generate a css class based on the image name.
-	
-**************************************************************/
-@mixin image-bullet-auto($name, $align:left, $ext: png)
-{
-	.#{$name} {
-		@include image-bullet($name, $align, $ext);
-	}
-}
-
-/**************************************************************
-
-	@include sized-background-image(image-name, file-extension);
-	-
-	Set the backgroud image and determine the width & height.
-
-**************************************************************/
-@mixin sized-background-image($name, $ext: png)
-{
-  $filename: '#{$name}.#{$ext}';
-	background:image-url($filename) top left no-repeat transparent;
-	width:image-width($filename);
-	height:image-height($filename);
-}
-
-
-
-/**************************************************************
-	
-	@include sprite-replace(image-name, number-of-sprites, file-extension);
-	-
-	Replace the element with this sprite sheet image
-	
-**************************************************************/
-@mixin sprite-replace($name, $count: 2, $ext: png)
-{
-  $filename: '#{$name}.#{$ext}';
-  $height: image-height($filename) / $count;
-  width:image-width($filename) !important;
-  height:$height !important;
-  display:block;
-	text-indent:-9999px;
-	overflow:hidden;
-	text-align:left;
-	border:0;
-	background:image-url($filename) no-repeat scroll top left transparent;
-	padding:0px !important;
-	margin:0px;
-	&:hover,
-	&.active,
-	&.second-state{
-	  background-position:0 ($height * -1);
-	}
-	@if $count >= 3{
-	  &.third-state{
-	    background-position:0 ($height * 2 * -1);
-	  }
-  }
-  @if $count >= 4{
-	  &.fourth-state{
-	    background-position:0 ($height * 3 * -1);
-	  }
-  }
-}
-
-@mixin sprite-replace-auto($name, $count: 2, $ext: png, $path: '')
-{
-  $filename: '#{$path}/#{$name}';
-  .#{$name}{
-    @include sprite-replace($filename, $count, $ext);    
-  }
-}

data/lib/generators/scss_boilerplate/install/templates/application/media_queries.css.scss

@@ -1,3 +0,0 @@
-@media only screen and (min-width: 35em) {
-  // Style adjustments for viewports that meet the condition
-}

data/lib/generators/scss_boilerplate/install/templates/application/typography.css.scss

@@ -1,43 +0,0 @@
-/* Text */
-h1{
-	font-size:30px;
-	line-height:30px;
-}
-h2{
-	font-size:24px;
-	line-height:24px;
-}
-h3{
-	font-size:18px;
-	line-height:18px;
-}
-h4{
-	font-size:16px;
-	line-height:16px;
-}
-h5{
-  font-size:14px;
-  line-height:14px;
-}
-body{
-  font-family:$font-family;
-  color:$font-color;
-	font-size:$font-size;
-	line-height:$font-size + 6px;
-}
-strong{
-	font-weight:bold;
-}
-small{
-	font-size:11px;
-	font-weight:bold;
-}
-a,
-a:active,
-a:visited{
-	color:$link-color;
-  text-decoration:none;
-  &:hover{
-    text-decoration:underline;
-  }
-}

data/lib/generators/scss_boilerplate/install/templates/application/variables.css.scss

@@ -1,22 +0,0 @@
-// This file was generated by html5-rails
-// https://github.com/sporkd/html5-rails
-// Upgrade with: $ rails generate html5:install
-//
-// These global SCSS(SASS) variables will be
-// available to all your stylesheets.
-
-//----------------------------------------------
-// Html5 Boilerplate overrides
-//----------------------------------------------
-$line-height: 1.4;  // 1.4 for true normalization
-$font-color: #222;
-$font-family: sans-serif;
-$font-size: 13px;
-$link-color: #00e;
-$link-hover-color: #06e;
-$link-visited-color: #551a8b;
-$selected-font-color: #fff;
-$selected-background-color: #0d2177;
-$invalid-background-color: #f0dddd;
-
-$width-container:960px;

data/lib/generators/scss_boilerplate/install/templates/config/compass.rb

@@ -1,18 +0,0 @@
-# This configuration file works with both the Compass command line tool and within Rails.
-require 'compass/h5bp'
-
-# Require any additional compass plugins here.
-
-project_type = :rails
-
-# Set this to the root of your project when deployed:
-http_path = "/"
-
-# You can select your preferred output style here (can be overridden via the command line):
-output_style = :compact# or :compressed
-
-# To enable relative paths to assets via compass helper functions. Uncomment:
-relative_assets = true
-
-# To disable debugging comments that display the original location of your selectors. Uncomment:
-line_comments = false