facades 0.1.0 → 1.0.0

data/lib/facades/stylesheets/facades/setup/_ie.scss

@@ -1,12 +0,0 @@
-/* =============================================================================
-   Resets only necessary in IE stylesheets
-   ========================================================================== */
-
-audio[controls], canvas, video { 
-	display: inline-block; *display: inline; *zoom: 1; 
-}
-
-img { -ms-interpolation-mode: bicubic; }
-legend { border: 0; *margin-left: -7px; padding: 0; }
-button, input, select, textarea { *vertical-align: middle; }
-button, input { *overflow: visible; }

data/lib/facades/stylesheets/facades/setup/_reset.scss

@@ -1,255 +0,0 @@
-article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
-html {
-	cursor: default;
-	font-size: 100%;
-	overflow-y: scroll;
-	-webkit-tap-highlight-color: transparent;
-	-ms-text-size-adjust: 100%;
-	-webkit-text-size-adjust: 100%;
-}
-
-body, form, input, button, select, textarea{ font-size: 100%; margin: 0; }
-body { color:$font-color; margin: 0; font: $font-size $font-family; line-height: $line-height; }
-
-a{ color:$link-color; 
-	&:active{ color:$link-active-color; }
-	&:hover{ color:$link-hover-color; }
-	&:visited{ color:$link-visited-color; }
-	&:active, &:hover{ outline:none; }
-	&:focus{ outline:none; }
-}
-
-
-/* =============================================================================
-   Selection
-   ========================================================================== */
-
-/* 
- * These selection declarations have to be separate
- * No text-shadow: twitter.com/miketaylr/status/12228805301
- */
-
-::-moz-selection { background: $selection-background-color; color: $selection-color; text-shadow: none; }
-::selection { background: $selection-background-color; color: $selection-color; text-shadow: none; }
-
-
-/* =============================================================================
-   Typography
-   ========================================================================== */
-
-/*
- * Corrects styling not present in IE6/7/8/9 S5 C10
- */
-
-abbr { _border-bottom: expression(this.title ? '1px dotted' : 'none'); }
-abbr[title] { border-bottom: 1px dotted; }
-
-/*
- * Corrects style set incorrectly as 'bolder' in FF3/4 S4/5 C10
-*/
-
-b, strong{ font-weight: bold; }
-
-/*
- * Corrects styling not present in S5 C10
- */
-
-dfn{ font-style: italic; }
-
-/*
- * Corrects styling not present in IE6/7/8/9
- */
-
-mark{ background: #FF0; color: #000; }
-
-hr{ 
-	display: block; 
-	height: 1px; 
-	border: 0; 
-	border-top: $horizontal-rule-size solid $horizontal-rule-color; 
-	margin: 1em 0; 
-	padding: 0; 
-}
-
-
-/*
- * Corrects font family displayed oddly in IE6 S5 C10
- * en.wikipedia.org/wiki/User:Davidgothberg/Test59
- */
-
-pre, code, kbd, samp{ font-family: $fixed-font-family; _font-family: 'courier new', monospace; font-size: 1em; }
-
-/*
- * Improves readability of pre-formatted text in all browsers
- */
-
-pre{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
-
-/*
- * Addresses CSS quotes not supported in IE6/7
- */
-
-q{ quotes: none; }
-
-/*
- * Addresses quote property not supported in S4
- */
-
-q:before, q:after{ content: ''; content: none; }
-
-/*
- * Improves appearance in all browsers
- */
-
-small, sub, sup{ font-size: 75%; }
-
-/*
- * Improves appearance in all browsers
- * gist.github.com/413930
- */
-
-sub,sup { line-height: 0; position: relative; vertical-align: baseline; }
-sup{ top: -0.5em; }
-sub{ bottom: -0.25em; }
-
-small { font-size: 85%; }
-
-
-/* =============================================================================
-   Lists
-   ========================================================================== */
-
-ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
-dd { margin: 0 0 0 40px; }
-nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
-
-
-/* =============================================================================
-   Embedded content
-   ========================================================================== */
-
-/*
- * Corrects display not defined in IE6/7/8/9 & FF3
- */
-
-
-audio { display: none; _display: expression(this.controls ? 'inline' : 'none'); *zoom: 1; }
-audio[controls] { display: inline-block; }
-
-/*
- * 1. Improves readability when inside 'a' in all browsers
- * 2. Improves visual appearance when scaled in IE7
- *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
- */
-
-img {
-	border: 0; /* 1 */
-}
-
-/*
- * Corrects overflow displayed oddly in IE9 
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* =============================================================================
-   Tables
-   ========================================================================== */
-
-/* 
- * Improves visual appearance in all browsers
- */
-
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-/* =============================================================================
-   Figures
-   ========================================================================== */
-
-figure { margin: 0; }
-
-
-/* =============================================================================
-   Forms
-   ========================================================================== */
-
-form { margin: 0; }
-fieldset { border: 0; margin: 0; padding: 0; }
-
-/* 
- * 1. Correct color not inheriting in IE6/7/8/9 
- * 2. Correct alignment displayed oddly in IE6/7 
- */
-
-legend { border: 0; padding: 0; }
-
-/* Indicate that 'label' will shift focus to the associated form element */
-label { cursor: pointer; }
-
-/*
- * 1. Correct font-size not inheriting in all browsers
- * 2. Remove margins in FF3/4 S5 Chrome
- * 3. Define consistent vertical alignment display in all browsers
- */
-
-button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
-
-/*
- * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
- * 2. Correct inner spacing displayed oddly in IE6/7
- */
-
-button, input { line-height: normal;  }
-
-/*
- * 1. Display hand cursor for clickable form elements
- * 2. Allow styling of clickable form elements in iOS
- */
-
-button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
-
-/*
- * Consistent box sizing and appearance
- */
-
-input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
-input[type="search"]{ 
-	-moz-box-sizing:content-box; 
-	-webkit-box-sizing:content-box; 
-	box-sizing: content-box; 
-}
-
-/* 
- * Remove inner padding and border in FF3/4
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ 
- */
-
-button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
-
-/* Remove default vertical scrollbar in IE6/7/8/9 */
-textarea { overflow: auto; vertical-align: top; }
-
-/* =======================================================
-   Print styles.
-   Inlined to avoid required HTTP connection: h5bp.com/r
-   ========================================================================== */
-
-@media print {
-  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
-  a, a:visited { text-decoration: underline; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
-  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-  thead { display: table-header-group; } /* h5bp.com/t */
-  tr, img { page-break-inside: avoid; }
-  img { max-width: 100% !important; }
-  @page { margin: 0.5cm; }
-  p, h2, h3 { orphans: 3; widows: 3; }
-  h2, h3 { page-break-after: avoid; }
-}

data/lib/facades/stylesheets/facades/typography/_baseline.scss

@@ -1,91 +0,0 @@
-@import 'facades/setup';
-
-$em-size: $font-size / 1em;
-$em-unit: 1em;
-$font-scale: 0 2 4 6 8;
-
-
-@mixin font-size($size, $lines: lines-for-font-size($size)){
-	$fsize: if(unit($size) == "em", $size, $size / $font-size);
-	font-size: $fsize;
-	@include leading($lines, $fsize);
-}
-
-@mixin leading($lines:1, $size:1em, $add-margin: false){
-	line-height:rhythm($lines, $size);
-	@if $add-margin == true { 
-		@include margin-trailer($lines, $size);
-	}
-}
-
-@function rhythm($lines, $size: $font-size){
-	$r-height: $em-unit * $lines * $line-height / $size;
-	$r-height: if( unit($r-height) == "px", $r-height / $em-size, $r-height);
-	@return $r-height;
-}
-
-@mixin margin-trailer($lines, $size: $font-size){
-	margin-bottom:rhythm($lines, $size);
-}
-
-
-@mixin margin-leader($lines, $size: $font-size){
-	margin-top:rhythm($lines, $size);
-}
-
-@mixin padding-leader($lines, $size: $font-size){
-	padding-top:rhythm($lines, $size);
-}
-
-@mixin padding-trailer($lines, $size: $font-size){
-	padding-bottom:rhythm($lines, $size);
-}
-
-
-@function lines-for-font-size($size:$font-size) {
-	$rhythm-line-height:if(unit($line-height) == "px", $line-height / $em-size, $line-height);
-	$lines: ceil($size / $rhythm-line-height);
-	@return $lines;
-}
-
-body{ font:#{$font-size}/#{rhythm(1)} $default-font-family; }
-
-h1, h2, h3, h4, h5, h6, p, ol, ul{ 
-	-webkit-margin-before:0;
-	-webkit-margin-after:0;
-}
-
-h1{ 
-	@include font-size(2em, 1);	
-	@include margin-trailer(1, 2em);
-}
-
-h2{ 
-	@include font-size(1.75em, 1);
-	@include margin-trailer(1, 1.75em);
-}
-
-h3{ 
-	@include font-size(1.5em, 1); 
-	@include margin-trailer(1, 1.5em);
-}
-
-h4{ 
-	@include font-size(1.25em, 1); 
-	@include margin-trailer(1, 1.25em);
-}
-
-h5{ 
-	@include font-size(1em, 1); 
-	@include margin-trailer(1, 1em);
-}
-
-h6{ 
-	@include font-size(0.9em, 1); 
-	@include margin-trailer(1, 0.9em);
-}
-
-p, ul, ol{ 
-	@include font-size(1em, 1); 
-	@include margin-trailer(1, 1em);
-}

data/lib/facades/stylesheets/facades/typography/_lists.scss

@@ -1,34 +0,0 @@
-@import 'facades/utilities';
-
-// Creates a horizontal list, generally used for navigation elements.
-@mixin inline-list($padding: false) {
-	@include box-reset;
-	@include clearfix;
-  	@include no-list;	
-	li{ @include inline-block;
-		white-space:nowrap;
-		@if $padding{
-			padding-left:$padding;
-			padding-right:$padding;
-		}
-	}
-}
-
-// 'alias' for compass compatability
-@mixin inline-block-list($padding:false){
-	@include inline-list($padding);
-}
-
-// Remove list bullets for a particular list item
-@mixin no-bullet {
-	list-style-image : none;
-	list-style-type  : none;
-	margin-left      : 0px;
-}
-
-// Convert a list into "not" a list.. removing all bullets and padding.
-@mixin no-list {
-	list-style: none;
-	padding-left:0;
-	li { @include no-bullet; }
-}

data/lib/facades/stylesheets/facades/typography/_shadow.scss

@@ -1,8 +0,0 @@
-@mixin inset-text($offset-color, $lum:false, $down: false){
-	$lum: if($lum, $lum, luminance($offset-color));
-	$down: if($down, $down, -1px);
-	
-	$c: if($lum == dark, shade($offset-color, 40%), tint($offset-color, 70%)); 
-	$o: if($lum == dark, $down, 1px);
-	text-shadow:#{$c}, $o, $o, 0px;
-}

data/lib/facades/stylesheets/facades/ui/_buttons.scss

@@ -1,34 +0,0 @@
-@import 'facades/utilities';
-
-@mixin button-base($radius: $button-border-radius){
-	@include inline-block;
-	text-align:center;
-	@if $radius not false and $radius not none{
-		-webkit-border-radius:$radius;
-		-moz-border-radius:$radius;
-		border-radius:$radius;
-	}
-}
-
-@mixin simple-button($bg-color, $text-color:white, $radius: $button-border-radius){
-	@include button-base;	
-	color:$text-color;
-	background-color:$bg-color;
-	border-top:1px solid lighten($bg-color, 4%);
-	border-bottom:1px solid darken($bg-color, 4%);
-	&:hover{ background-color:lighten($color, 3%); }
-	&:active{ background-color:darken($color, 3%); @include box-shadow(darken($color, 7%) 0px 0px 3px 3px inset); }
-}
-
-@mixin gradient-button($start-color, $end-color:darken($start-color, 5%), $text-color:white, $radius: $button-border-radius){
-	@include button-base;
-	color:$text-color;
-	@include background-image(linear-gradient($start-color 10%, $end-color 90%));
-	border-top:1px solid lighten($start-color, 4%);
-	border-bottom:1px solid darken($end-color, 4%);
-	
-	&:hover{ @include background-image(linear-gradient(lighten($start-color, 3%) 10%, lighten($end-color, 3%) 90%)); }
-	&:active{ @include background-image(linear-gradient(darken($start-color, 3%) 10%, lighten($end-color, 3%) 90%)); 
-		@include box-shadow(darken($start-color, 7%) 0px 0px 3px 3px inset);
-	}
-}

data/lib/facades/stylesheets/facades/ui/_flash-messages.scss

@@ -1,29 +0,0 @@
-//
-// Mixins for styling flash messages
-//
-
-
-@mixin flash-message{
-	@include flash-message-base;
-	@include flash-message-colors($flash-success-class, $flash-notice-class, $flash-error-class);
-}
-
-@mixin flash-message-base{ display:block; position:relative; }
-
-@mixin flash-message-colors($success: $flash-success-class, $notice: $flash-notice-class, $error: $flash-error-class){
-	&.flash-message-#{unquote($success)}{ 
-		color:$success-color; 
-		background-color:$success-bg-color;
-		border-color:$success-border-color;
-	}	
-	&.flash-message-#{unquote($notice)}{ 
-		color:$notice-color; 
-		background-color:$notice-bg-color;
-		border-color:$notice-border-color;
-	}	
-	&.flash-message-#{unquote($error)}{ 
-		color:$error-color; 
-		background-color:$error-bg-color;
-		border-color:$error-border-color;
-	}
-}

data/lib/facades/stylesheets/facades/ui/_tabbed.scss

@@ -1,5 +0,0 @@
-@import 'facades/typography/lists';
-
-@mixin tabbed{
-	ul.tab-nav{ @include inline-list; }
-}

data/lib/facades/stylesheets/facades/ui/_tool-tip.scss

@@ -1,44 +0,0 @@
-@import 'facades/utilities';
-
-//
-// Creates a pure CSS tool tip using border-styles
-//
-$tool-tip-color:#333 !default;
-$tool-tip-text-color:#fff !default;
-
-@mixin tool-tip($color: false, $dir: bl, $size: 7px, $text-color: $tool-tip-text-color){
-	$text-color: if($text-color, $text-color, if(luminance($color) == dark, #fff, #333) );
-	background:$color;
-	color:$text-color;
-	padding:.75em 1em;
-	position:relative;
-	@include inline-block; 
-	
-	&:after{
-		content:"";
-		display:block;
-		position:absolute;
-		width:0;
-		border-width:$size $size 0;
-		border-style:solid;
-		border-color:$color transparent;
-		border-color:inherit transparent;
-		@if( $dir == bl or $dir == br ){ bottom: -$size; }
-		@if( $dir == tl or $dir == tr ){ top: -$size; }
-		@if( $dir == tl or $dir == bl ){ left:1em; }
-		@if( $dir == tl or $dir == bl ){ right:1em; }
-		@if( $dir == left ){ 
-			left:-$size;
-			border-width:$size ($size * 1.8) $size 0;
-		}
-		@if( $dir == right ){ 
-			right:-$size; 
-			border-width:$size 0 $size ($size * 1.8);			
-		}
-		@if( $dir == right or $dir == left ){ 
-			top:50%;
-			margin-top:-$size;
-			border-color:transparent $color;
-		}
-	}		
-}

data/lib/facades/stylesheets/facades/utilities/_clearfix.scss

@@ -1,20 +0,0 @@
-// Cross browser clearfixing
-@mixin clearfix{
-	&:before, &:after{ 
-		content: ""; display: table; 
-	}	
-	&:after{ 
-		clear: both; 
-	}
-	zoom: 1;
-}
-
-// Legacy clearfixing
-@mixin pie-clearfix {
-	&:after {
-		content: "";
-		display: table;
-		clear: both;
-	}
-	zoom:1;
-}

data/lib/facades/stylesheets/facades/utilities/_color.scss

@@ -1,7 +0,0 @@
-// Misc color utilities
-// --------------------------------------------------------------
-
-// Takes a color and returns a white if the color is dark or a black if the color is light.
-@function color-contrast($color, $threshold: 30%){
-	@return if(lightness($color) < $threshold, #fff, #000);
-}

data/lib/facades/stylesheets/facades/utilities/_cursors.scss

@@ -1,4 +0,0 @@
-@mixin hand-cursor{
-	cursor: pointer; 
-	cursor: hand;
-}

data/lib/facades/support/serve.rb

@@ -1,17 +0,0 @@
-require 'facades/helpers'
-require File.expand_path("../../../../app/helpers/", __FILE__) << '/facades_helper'
-
-module Facades
-  module Support
-    # Enable facades helpers and files within serve projects
-    # see get-serve.com for more info.
-    module Serve
-      extend ActiveSupport::Concern
-      
-      included do
-        include ::FacadesHelper
-      end
-      
-    end    
-  end
-end

data/lib/facades/support/tipsy.rb

@@ -1,17 +0,0 @@
-require 'facades/helpers'
-require File.expand_path("../../../../app/helpers/", __FILE__) << '/facades_helper'
-
-module Facades
-  module Support
-    # Enable facades helpers and files within serve projects
-    # see github.com/kurbmedia/tipsy for more info.
-    module Tipsy
-      extend ActiveSupport::Concern
-      
-      included do
-        include ::FacadesHelper
-      end
-      
-    end    
-  end
-end

data/spec/facades/helpers/elements_spec.rb

@@ -1,86 +0,0 @@
-require "spec_helper"
-
-describe Facades::Helpers::Elements, :type => :helper do
-
-  describe '#button_link' do
-
-    subject{ button_link("home", "/", attrs).to_html }
-    let(:attrs){ {} }
-    
-    it { should have_selector('a.button') }
-      
-    context 'when passing classes' do
-      let(:attrs){ { :class => 'test_class' } }
-      
-      it { should have_selector('a.test_class') }
-    end
-      
-    context 'when providing an icon' do        
-      
-      let(:attrs) do 
-        { icon: 'sample.png' }
-      end
-      
-      it 'adds an image to the link' do
-        subject.should have_selector('img')
-      end
-      it 'should use the icon attribute as the image' do
-        subject.first('img')[:src].should match "sample.png"
-      end
-    end
-      
-  end
-  
-  describe '#flash_messages' do
-    
-    let!(:flash) do
-      { success: 'test flash message' }
-    end
-    subject{ flash_messages(attrs).to_html }
-    
-    let(:attrs){ {} }
-    
-    context 'when rendering normally' do
-      
-      it 'wraps the content in a div.flash_message' do
-        should have_selector('div.flash_message')
-      end
-      it 'should have a span closer' do
-        subject.first('div').should have_selector('span')
-      end
-
-      it 'adds the flash key as a html class' do
-        should have_selector("div.success")
-      end    
-      it 'adds :key_flash_message as a html class' do
-        should have_selector("div.flash_message_success")
-      end
-    end
-    
-    context 'when passed false to :closer' do
-      
-      let(:attrs) do
-        { closer: false }
-      end      
-      it 'should not add a closer span' do
-        subject.first('div').should_not have_selector('span')
-      end
-    end
-    
-    context 'when span is passed to :wrapper' do
-      
-      let(:attrs) do
-        { wrapper: :span }
-      end
-      
-      it 'should not use a div wrapper' do
-        should_not have_selector('div')
-      end
-      it 'should have a span wrapper' do
-        should have_selector('span.flash_message')
-      end
-    end    
-    
-  end
-    
-end

data/spec/facades/helpers/layout_helpers_spec.rb

@@ -1,5 +0,0 @@
-require "spec_helper"
-
-describe Facades::Helpers::Layout, :type => :helper do
-    
-end