facades 1.0.0 → 1.0.1

data/lib/facades.rb

@@ -6,16 +6,24 @@ module Facades
   autoload :Helpers,  'facades/helpers'
   autoload :Patterns, 'facades/patterns'
   
+  def app_path
+    File.expand_path("../../app", __FILE__)
+  end
+  
+  def view_path
+    File.join(File.expand_path("../../app", __FILE__), 'views')
+  end
+  
   def scss_path
-    File.expand_path("../../src", __FILE__) << "/scss"
+    File.join(File.expand_path("../../src", __FILE__), 'scss')
   end
   
   def image_path
-    File.expand_path("../../src", __FILE__) << "/images"
+    File.join(File.expand_path("../../src", __FILE__), 'images')
   end
   
   def icon_path
-    File.expand_path("../../src", __FILE__) << "/icons"
+    File.join(File.expand_path("../../src", __FILE__), 'icons')
   end
   
 end

data/spec/internal/log/test.log

@@ -0,0 +1,188 @@
+  Rendered navigation/_single_list.html.erb (4.2ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_multi_list.html.erb (1.2ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_option_list.html.erb (1.2ms)
+  Rendered navigation/_multi_option_list.html.erb (0.7ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (2.7ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.6ms)
+  Rendered navigation/_multi_list.html.erb (1.1ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_option_list.html.erb (1.7ms)
+  Rendered navigation/_multi_option_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (43.3ms)
+  Rendered navigation/_single_list.html.erb (4.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_multi_list.html.erb (1.2ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.6ms)
+  Rendered navigation/_multi_option_list.html.erb (1.3ms)
+  Rendered navigation/_multi_option_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (2.8ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.8ms)
+  Rendered navigation/_multi_list.html.erb (1.3ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.6ms)
+  Rendered navigation/_multi_option_list.html.erb (1.3ms)
+  Rendered navigation/_multi_option_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (1.0ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.2ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (4.0ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_multi_list.html.erb (1.1ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.8ms)
+  Rendered navigation/_multi_option_list.html.erb (1.1ms)
+  Rendered navigation/_multi_option_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.9ms)
+  Rendered navigation/_single_list.html.erb (4.9ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (2.7ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_multi_list.html.erb (1.4ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_option_list.html.erb (1.2ms)
+  Rendered navigation/_multi_option_list.html.erb (0.7ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.8ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (1.2ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.7ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (2.9ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_multi_list.html.erb (1.1ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.6ms)
+  Rendered navigation/_multi_option_list.html.erb (1.2ms)
+  Rendered navigation/_multi_option_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (1.7ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.2ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (2.9ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_multi_list.html.erb (1.4ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_list.html.erb (0.7ms)
+  Rendered navigation/_multi_option_list.html.erb (1.1ms)
+  Rendered navigation/_multi_option_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.6ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.2ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.3ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)
+  Rendered navigation/_single_list.html.erb (0.5ms)
+  Rendered navigation/_single_list.html.erb (0.4ms)

data/spec/unit/helpers/navigation_spec.rb

@@ -132,9 +132,23 @@ describe 'Navigation helpers', :type => :view do
       it 'adds any options passed to the wrapping list' do
         rendered.should have_xpath('//ul', :id => 'main_nav_list')
       end          
-      
-    end # options
+    end
     
+    context 'when setting :wrapper to false' do
+      
+      before do
+        assign(:options, {
+          :wrapper => false
+        })
+        render('navigation/single_list')
+      end
+      
+      it 'does not render the wrapping nav tag' do
+        rendered.should_not(
+          have_selector('nav')
+        )
+      end
+    end
   end
       
   describe 'links matching request.path' do

data/src/scss/facades/_config.scss

@@ -1,4 +1,4 @@
-// 
+// ----------------------------------------------------------------------------------------
 // Global configuration variables
 // ----------------------------------------------------------------------------------------
 
@@ -6,19 +6,19 @@
 // checks against adding duplicate css based on this value
 $facades-global-import-used: false !default;
 
-$font-color: #222		!default;
-$font-size: 13px 		!default;
-$line-height: 20px 	!default;
+$font-color: #222    !default;
+$font-size: 13px     !default;
+$line-height: 20px   !default;
 
-$font-family: 			"Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$font-family:       "Helvetica Neue", Helvetica, Arial, sans-serif !default;
 $fixed-font-family: "Monaco", 'Courier New', monospace !default;
 $serif-font-family: "Georgia", "Times", "Times New Roman", serif !default;
 
 // font sizes for headings, h1 through h4
 $heading-font-sizes: 30px 24px 18px 14px !default;
 
-$selection-background-color: #fe57a1 !default; 	// hot pink selection action!
-$selection-color:						 #fff !default;
+$selection-background-color: #fe57a1 !default;   // hot pink selection action!
+$selection-color:             #fff !default;
 
 // set to false to disable misc transition properties. 
 // for when you need to sacrifice beauty for file size
@@ -27,12 +27,21 @@ $enable-transitions: true !default;
 $transition-property: all !default;
 $transition-duration: .2s !default;
 
-/* 
+$include-headline-styles: true !default;
+
+//---------------------------------------------------
+// Compass overrides
+//---------------------------------------------------
+
+$support-for-original-webkit-gradients: false;
+
+// ----------------------------------------------------------------------------------------
 // Icon Packs
-// --------------------------
-	 Available packs include 
-			- Facades
-			- FontAwesome
+// ---------------------------------------------------------------------------------------- 
+/*
+   Available packs include 
+      - Facades
+      - FontAwesome
 */
 $icon-pack:'facades' !default;
 $icon-font-family:icon-font($icon-pack) !default; 
@@ -41,9 +50,9 @@ $link-color: #00e !default;
 $link-visited-color: darken($link-color, 5%) !default;
 $link-hover-color: lighten($link-color, 5%) !default;
 
-// 
+// ----------------------------------------------------------------------------------------
 // General colors
-// --------------------------
+// ----------------------------------------------------------------------------------------
 
 $horizontal-rule-color: #e5e5e5 !default;
 
@@ -51,49 +60,51 @@ $table-border-color: #ddd !default;
 $table-stripe-color: #f5f5f5 !default;
 
 
-// 
+// ----------------------------------------------------------------------------------------
 // Notification colors
-// --------------------------
+// ----------------------------------------------------------------------------------------
 
-$notice-color: 	#339BB9 !default;
+$notice-color:   #339BB9 !default;
 $success-color: #57A957 !default;
-$error-color:		#C43C35 !default;
+$error-color:    #C43C35 !default;
 $warning-color: #EED74F !default;
 
-// 
+// ----------------------------------------------------------------------------------------
 // Forms and inputs
-// --------------------------
-
-$input-border-color: 					#ccc !default;
-$input-focus-color:						$font-color !default;
-$input-focus-border-color:  	$notice-color !default;
-$input-error-color:						$error-color !default;
-$input-error-border-color:  	$error-color !default;
-$input-border-radius:					3px !default;
-$input-disabled-color:      	#ccc;
+// ----------------------------------------------------------------------------------------
+
+$enable-input-transitions:     $enable-transitions !default;
+$input-height:                 1.7em !default;
+$input-border-color:           #ccc !default;
+$input-focus-color:            $font-color !default;
+$input-focus-border-color:    $notice-color !default;
+$input-error-color:            $error-color !default;
+$input-error-border-color:    $error-color !default;
+$input-border-radius:          3px !default;
+$input-disabled-color:        #ccc;
 $input-disabled-border-color: #ddd;
 
-$input-box-shadow:						#efefef 3px 3px 6px 0px inset !default;
-$input-focus-box-shadow:			rgba($input-focus-border-color, .6) 0 0 5px 0 !default;
+$input-box-shadow:            #efefef 3px 3px 6px 0px inset !default;
+$input-focus-box-shadow:      rgba($input-focus-border-color, .6) 0 0 5px 0 !default;
 
 $field-hint-color: #aaa;
 
-// 
+// ----------------------------------------------------------------------------------------
 // UI elements
-// --------------------------
+// ----------------------------------------------------------------------------------------
 
 $button-border-radius: 3px !default;
-$button-font-size: 		 $font-size * 0.95 !default;
-$tooltip-color:				 rgba(0,0,0,.8) !default;
+$button-font-size:      $font-size * 0.95 !default;
+$tooltip-color:         rgba(0,0,0,.8) !default;
 
 $tab-border-color: #ccc !default;
 $tab-accent-color: $notice-color !default; // the border color used on active tabs
-$pill-color:			 $notice-color !default; // color of active pills
+$pill-color:       $notice-color !default; // color of active pills
 $pill-border-radius: 20px !default; // border radius of pill items
 
-//
+// ----------------------------------------------------------------------------------------
 // Special colors
-//
+// ----------------------------------------------------------------------------------------
 
 $facebook-blue:#39589d;
 $twitter-blue:#00abf5;

data/src/scss/facades/_debug.scss

@@ -1,6 +1,6 @@
 @import 'compass/layout/grid-background';
 
-$grid-background-baseline-color: #efefef;
+$grid-background-baseline-color: #efefef !default;
 $grid-align: ($line-height / $font-size) * 1em;
 
 @mixin debug-baseline{

data/src/scss/facades/_forms.scss

@@ -1,6 +1,11 @@
 @import 'facades/config';
 @import 'facades/mixins';
 
+$input-padding:rhythm(.15) .25em !default;
+$input-focus-padding:false !default;
+$input-disabled-padding:false !default;
+$input-error-padding:false !default;
+
 /* 
 	General form styles. By default this creates a 'stacked' forms
 	where the label placement is above each field. 
@@ -96,13 +101,16 @@
 		border-width:1px;
 		border-color:$input-border-color;
 		outline:none;
-		@if $enable-transitions == true{
+		@if $enable-input-transitions == true{
 			@include transition-property(all);
 			@include transition-duration($transition-duration);
 		}
 
 		&:focus{			
 			border-color:$input-focus-border-color;
+      @if $input-focus-padding != false{ 
+        padding:$input-focus-padding; 
+      }
 			@if $input-box-shadow != false and $input-box-shadow != none{
 				@include box-shadow($input-focus-box-shadow);
 			}
@@ -121,9 +129,13 @@
 	#{input-types(text)}, textarea{
 		@include optional-border-radius($input-border-radius);
 		margin:border-rhythm(1px, .35) 0;
-		padding:rhythm(.15) .25em;
+		@if $input-padding != false{ 
+      padding:$input-padding; 
+    }
 		line-height:normal !important;
-		height:1.7em;
+		@if $input-height != false{ 
+      height:$input-height; 
+    }
 	}
 	
 	input[type=file]{
@@ -185,6 +197,9 @@
 		@if $input-box-shadow != false and $input-box-shadow != none{
 			@include box-shadow(none);
 		}
+    @if $input-disabled-padding != false{
+      padding:$input-disabled-padding;
+    }
 	}
 	
 	
@@ -215,6 +230,7 @@
 			@include box-shadow(rgba($input-error-color, .15) 3px 3px 6px 0 inset);
 		}
 		border-color: $input-error-border-color; 
+    @if $input-error-padding != false{ padding:$input-error-padding; }
 		color: $input-error-color;
 	}
 	

data/src/scss/facades/_global.scss

@@ -20,85 +20,85 @@
 $facades-global-import-used: true;
 
 .label{
-	@include label;
+  @include label;
 }
 
 .notification{
-	@include notification;
+  @include notification;
 }
 
 table.bordered{
-	@include bordered-table;
+  @include bordered-table;
 }
 
 table.striped{
-	@include striped-table;
+  @include striped-table;
 }
 
 table.compressed{
-	@include compressed-table;
+  @include compressed-table;
 }
 
 div.tabbed{
-	@include tabbed;
-	.tab-navigation, .pill-navigation{
-		@include inline-list;
-	}
-	.tab-navigation{
-		@include tab-navigation;
-	}
-	.pill-navigation{
-		@include pill-navigation;
-	}
+  @include tabbed;
+  .tab-navigation, .pill-navigation{
+    @include inline-list;
+  }
+  .tab-navigation{
+    @include tab-navigation;
+  }
+  .pill-navigation{
+    @include pill-navigation;
+  }
 }
 
 ul, ol{
-	&.inline-list{
-		@include inline-list;
-	}
-	
+  &.inline-list{
+    @include inline-list;
+  }
+  
 }
 
 html.lt-ie8{
-	ul, ol{
-		&.inline-list li{
-			display:inline;
-		}
-	}
+  ul, ol{
+    &.inline-list li{
+      display:inline;
+    }
+  }
 }
 
 .button, input[type=button], input[type=submit]{
-	@include simple-button;
-	&.glossy{
-		@include glossy-button;
-	}
-	&.gradient{
-		@include gradient-button;
-	}
+  @include simple-button;
+  &.glossy{
+    @include glossy-button;
+  }
+  &.gradient{
+    @include gradient-button;
+  }
 }
 
 form{ 
-	@include form;
-	
-	ul, ol{
-		@include field-list;
-	}
-	
-	ul.columns, ol.columns{
-		@include field-column-list;
-	}
-	
-	li.select-group, fieldset.select-group{
-		@include select-group;
-	}
+  @include form;
+  
+  ul, ol{
+    @include field-list;
+  }
+  
+  ul.columns, ol.columns{
+    @include field-column-list;
+  }
+  
+  li.select-group, fieldset.select-group{
+    @include select-group;
+  }
 }
 
 @include form-fields;
 
 input.invalid, textarea.invalid, select.invalid{
-	@include invalid-field;
+  @include invalid-field;
 }
 
 fieldset{ 
-	@include fieldset;
+  @include fieldset;
 }