Sha256: bed018e50355e728bf0e5c96ba17580b23cb83f8d921153913447d0ef60da9c7

Contents?: true

Size: 1.37 KB

Versions: 6

Compression:

Stored size: 1.37 KB

Contents

@import 'facades/utilities';
@import 'facades/typography/lists';

// Creates a column based list of fields within a form. 
// Form elements should be marked up using ordered lists for semantic value.
//-----------------------------------------------------------------------------------------------

@mixin form-split-field-list{
	@include pie-clearfix;
	@include no-list;
	
	display:block; 
	clear:both; 
	margin:-.5em 0px; 

	li{ float:left; 
		margin:0 1em 0 0; 
		vertical-align:middle; 
		label, input[type=text], input[type=password],input[type=email]{ 
			display:block; 
		}
		&.clear{ clear:both; }
		&.buttons{ clear:both; padding:.25em 0px 0px 0px; }
		&.inline label{ @include inline-block; }
		&.multifield{
			input, select{ @include inline-block; }
		}
		select{ margin:.75em 0px; }
	}
}


// Creates a single column list of fields within a form. 
// Form elements should be marked up using ordered lists for semantic value.
// --------------------------------------------------------------------------------------------------

@mixin form-field-list{
	
	@include no-list; 
	padding-right:10px;		
	
	li{ padding:.5em 0px;			
		&.clear{ clear:both; }
		&.buttons{ clear:both; padding:.25em 0px 0px 0px; }
		&.inline label{ @include inline-block; }
		&.multifield{
			input, select{ @include inline-block; }
		}
		ol{ @include form-split-field-list; }
	}		
		
	fieldset{ border:none; }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
facades-0.1.0 lib/facades/stylesheets/facades/layout/_forms.scss
facades-0.0.7 lib/facades/stylesheets/facades/layout/_forms.scss
facades-0.0.6 lib/facades/stylesheets/facades/layout/_forms.scss
facades-0.0.5 lib/facades/stylesheets/facades/layout/_forms.scss
facades-0.0.4 lib/facades/stylesheets/facades/layout/_forms.scss
facades-0.0.3 lib/facades/stylesheets/facades/layout/_forms.scss