edge_framework 0.9.0 → 0.9.9

data/assets/sass/edge/components/_grid-margin.scss

@@ -1,309 +0,0 @@
-// -----------------------------------------
-// GRID with MARGIN
-//   *Deprecated* since v 0.1, use block-grid instead
-//   Using margin for distance between grid
-// -----------------------------------------
-$row-width       : em($content-width) !default;
-$column-padding  : em(0px) !default;
-$column-margin   : em(25px) !default; // Margin between column at maximum row's width
-$total-columns   : 12 !default;
-
-// Calculate percentages for grid
-@function gridCalc($colNumber, $totalColumns: $total-columns, $collapse: false ) {
-	$baseSize : percentage( $colNumber / $totalColumns );
-
-	// Additional size due to margin between grid.
-	$fillSize : 0 !default;
-	@if $collapse == false {
-		$fillSize : $colNumber * ( gridMarginCalc() / $totalColumns );
-	}
-	
-	@return $baseSize + $fillSize;
-}
-
-// Calculate percentages for Margin between grid
-@function gridMarginCalc($colMargin: $column-margin, $rowWidth: $row-width) {
-	@return percentage( $colMargin / $rowWidth );
-}
-
-// Create ROW
-@mixin grid-row($behavior: false, $minify: false) {
-	@if $minify == false {
-		@include clearfix;
-	}
-	
-	// use @include grid-row(nest); to include a nested row
-	@if $behavior == nest {
-		width        : auto;
-		max-width    : none;
-		margin-#{$default-float}    : -($column-padding);
-		margin-#{$default-opposite} : -($column-padding);
-	}
-	// use @include grid-row(collapse); to collapse a container row margins
-	@else if $behavior == collapse {
-		width     : 100%;
-		max-width : $row-width;
-		margin    : 0;
-	}
-	// use @include grid-row(nest-in-non-collapse); to collapse outer margins of nested-row inside non-collapsed-row
-	@else if $behavior == nest-in-non-collapse {
-		width     : auto;
-		max-width : none;
-	}
-	// use @include grid-row(nest-in-collapse); to collapse outer margins of nested-row inside collapsed-row
-	@else if $behavior == nest-in-collapse {
-		width     : auto;
-		max-width : none;
-		margin    : 0;
-	}
-
-	// use @include grid-row; to use a container row
-	@else {
-		width     : 100%;
-		max-width : $row-width;
-		margin    : 0 auto;
-	}
-}
-
-// Create COLUMN
-@mixin grid-column($columns  : false,
-				$last-column : false,
-				$center      : false,
-				$offset      : false,
-				$push        : false,
-				$pull        : false,
-				$collapse    : false,
-				$minify      : false, // Remove style redundancy
-				$float       : left ) {
-	
-	$not-for-columns : $push == false and $pull == false;
-	// If column number not specified
-	@if $columns == false and $minify and $not-for-columns {
-		position     : relative;
-		margin-#{$default-opposite} : gridMarginCalc();
-		&:last-child { margin-#{$default-opposite} : 0; }
-	}
-	
-	// If not collapse, add padding
-	@if $collapse == false and $minify == false {
-		padding-left  : $column-padding;
-		padding-right : $column-padding;
-	}
-
-	// If collapsed, remove padding and margin
-	@if $collapse and $minify == false {
-		padding-left  : 0;
-		padding-right : 0;
-		margin-#{$default-opposite} : 0;
-	}
-
-	// If collapsed and no column-number given, remove margin between grid
-	@if $collapse and $columns == false and $minify == true {
-		margin-#{$default-opposite} : 0;
-	}
-	
-	// If a column number is given, calculate width
-	@if $columns {
-		@if $minify == false { position : relative; }
-		// If collapsed, recalculate the width
-		@if $collapse {
-			width : gridCalc($columns, $collapse: true);
-		}
-		// Else, reduce the width with the margin
-		@else {
-			width : gridCalc($columns) - gridMarginCalc();
-
-			@if $minify == false {
-				margin-#{$default-opposite} : gridMarginCalc();
-
-				// If last-column specified explicitly
-				@if $last-column {
-					margin-#{$default-opposite} : 0;
-				} @else {
-					&:last-child { margin-#{$default-opposite} : 0; }
-				}
-			}
-		}
-	}
-
-	// If offset, calculate appropriate margins
-	@if $offset {
-		margin-#{$default-float}: gridCalc($offset, $collapse:$collapse);
-	}
-
-	// Source Ordering, adds left/right depending on which you use.
-	@if $push {
-		@if $minify == false { position : relative; }
-		#{$default-float}    : gridCalc($push, $collapse: $collapse);
-		#{$default-opposite} : auto;
-	}
-	@if $pull {
-		@if $minify == false { position : relative; }
-		#{$default-opposite} : gridCalc($pull, $collapse: $collapse);
-		#{$default-float}    : auto;
-	}
-	// If centered, get rid of float and add appropriate margins
-	@if $center {
-		margin-left  : auto !important;
-		margin-right : auto !important;
-		float        : none !important;
-	}
-	@if $float {
-		@if $float == left or true {
-			float : $default-float;
-		} @else if $float == right {
-			float : $default-opposite;
-		} @else {
-			float : none;
-		}
-	}
-}
-
-@if $include-grid {
-
-/* ---------------
-EDGE Grid
---------------- */
-
-body {
-	&.not-responsive {
-		min-width : $row-width;
-	}
-	&.only-responsive-below-small {
-		min-width : $row-width;
-		@include small {
-			min-width : 0;
-		}
-	}
-}
-// For `normal-row`
-.row {
-	@include grid-row;
-	
-	.column,
-	.columns {
-		@include grid-column($columns: false, $minify: true);
-
-		&.last { margin-#{$default-opposite} : 0 !important; }
-	}
-
-	// Width for `normal-row`
-	@for $i from 1 through $total-columns {
-		.large-#{$i} {
-			@include grid-column($columns:$i, $collapse:null, $float:false, $minify: true );
-		}
-	}
-	
-	// For `collapsed-row`
-	&.collapse {
-		.column,
-		.columns {
-			@include grid-column($collapse: true);
-		}
-
-		// For `nested-row inside collapsed-row`, it's automatically collapsed
-		.row {
-			@include grid-row($behavior: nest-in-collapse, $minify: true);
-			
-			.column,
-			.columns {
-				@include grid-column($columns: false, $collapse: true, $minify: true);
-			}
-		}
-
-		@for $i from 1 through $total-columns {
-			.large-#{$i} {
-				@include grid-column($columns:$i, $collapse:true, $float:false, $minify: true );
-			}
-		}
-	}
-
-	// For `nested-row`
-	.row {
-		@include grid-row($behavior: nest, $minify: true);
-	}
-
-	// Offset for large columns
-	@for $i from 1 through $total-columns - 2 {
-		.large-offset-#{$i} {
-			@include grid-column($offset:$i, $collapse:null, $float:false );
-		}
-	}
-}
-
-.column.large-centered,
-.columns.large-centered {
-	@include grid-column($center:true, $collapse:null, $float:false );
-}
-
-// Push and pull for large-columns
-@for $i from 2 through $total-columns - 2 {
-	.row {
-		.push-#{$i} {
-			@include grid-column($push:$i, $collapse:false, $float:false, $minify:true ); }
-		.pull-#{$i} {
-			@include grid-column($pull:$i, $collapse:false, $float:false, $minify:true ); }
-		&.collapse {
-			.push-#{$i} {
-				@include grid-column($push:$i, $collapse:true, $float:false, $minify:true ); }
-			.pull-#{$i} {
-				@include grid-column($pull:$i, $collapse:true, $float:false, $minify:true ); }
-		}
-	}
-}
-
-@include medium-up {
-	@for $i from 2 through $total-columns - 2 {
-		.small-push-#{$i} {
-			left: inherit;
-		}
-		.small-pull-#{$i}  {
-			right: inherit;
-		}
-	}
-}
-
-@include small {
-	// Set all `large` columns to 100%
-	.row .column,
-	.row .columns,
-	.row.collapse .column,
-	.row.collapse .columns {
-		@include grid-column($columns: $total-columns, $minify: true);
-		
-		// Reset push and pull
-		&[class*="push"], &[class*="pull"] {
-			left  : auto;
-			right : auto;
-		}
-	}
-	
-	// Reset large-offset
-	.row {
-		[class*="large-offset"] {
-			margin-left : 0;
-		}
-	}
-
-	// Small columns
-	@for $i from 1 through $total-columns {
-		.row .small-#{$i} {
-			@include grid-column($columns:$i, $collapse:null, $float:false, $minify: true );
-		}
-	}
-	
-	// Small offset
-	@for $i from 1 through $total-columns - 2 {
-		.row {
-			.small-offset-#{$i}, &.collapse .small-offset-#{$i} {
-				@include grid-column($offset:$i, $collapse:null, $float:false );
-			}
-		}
-	}
-	.column.small-centered,
-	.columns.small-centered {
-		@include grid-column($center:true, $collapse:null, $float:false );
-	}
-}
-
-}

data/assets/sass/edge/components/_grid-old.scss

@@ -1,287 +0,0 @@
-// -----------------------------------------
-// GRID 
-//   Based on ZURB's Foundation 4
-// -----------------------------------------
-
-$row-max-width   : 1140px !default;
-$total-columns   : 12 !default;
-$column-distance : 20px !default;
-
-// Calculate percentages for grid
-@function gridCalc($colNumber, $totalColumns:$total-columns) {
-  @return percentage($colNumber / $totalColumns);
-}
-
-// For creating container, nested, and collapsed rows.
-@mixin grid-row(
-  $nest      : false,
-  $collapse  : false,
-  $for-base  : false,  // Prevent style repetition, only for internal use
-  $max-width : $row-max-width,
-  $distance  : $column-distance ) {
-  
-  $max-width : $max-width + $distance; // to make up for the padding
-  $distance  : em($distance);
-
-  // prevent duplicate for base CSS class
-  @if $for-base == false {
-    @include clearfix;
-  }
-  
-  @if $nest and $collapse {
-    width     : auto;
-    max-width : none;
-    margin    : 0;
-    padding-#{$default-float}    : 0;
-    padding-#{$default-opposite} : 0;
-  }
-
-  @else if $nest {
-    width      : auto;
-    max-width  : none;
-    margin-#{$default-float}    : -($distance / 2);
-    margin-#{$default-opposite} : -($distance / 2);
-  }
-
-  @else if $collapse {
-    width     : 100%;
-    max-width : $max-width;
-    margin    : 0 auto;
-    padding-#{$default-float}    : $distance / 2;
-    padding-#{$default-opposite} : $distance / 2;
-  }
-
-  // use @include grid-row; to use a container row
-  @else {
-    width     : 100%;
-    max-width : $max-width;
-    margin    : 0 auto;
-  }
-}
-
-// For creating columns - @include these inside a media query to control small vs. large grid layouts
-@mixin grid-column(
-  $columns     : false,
-  $last-column : false,
-  $center      : false,
-  $offset      : 0,
-  $push        : 0,
-  $pull        : 0,
-  $collapse    : false,
-  $float       : true,
-  $form        : false, // Create form-columns
-  $for-base    : false, // Prevent style repetition, only for internal use
-  $distance      : em($column-distance),
-  $total-columns : $total-columns,
-  $external      : $external-call, // Mixin used from external file
-  $small    : false // For external use, apply CSS for small-grid
-  ) {
-
-  @if $for-base == false {
-    position: relative;
-  }
-
-  // If collapsed, get rid of distance padding
-  @if $collapse {
-    // If not for form-column
-    @if $form == false {
-      padding-left  : 0;
-      padding-right : 0;
-    }
-  }
-
-  // Set distance between padding whenever a column isn't set to collapse
-  //   Form-column can't have distance
-  // (use $collapse:null to do nothing)
-  @else if $collapse == false and $form == false {
-    padding-left  : $distance / 2;
-    padding-right : $distance / 2;
-  }
-
-  // If a column number is given, calculate width
-  @if $columns {
-    width : gridCalc($columns, $total-columns);
-
-    // If last column, float naturally instead of to the right
-    @if $last-column {
-      float: $default-opposite;
-    }
-  }
-
-  // If offset, calculate appropriate margins
-  @if $offset > 0 { 
-    margin-#{$default-float}: gridCalc($offset, $total-columns);
-  }
-
-  // Source Ordering, adds left/right depending on which you use.
-  @if $push > 0 {
-    #{$default-float}    : gridCalc($push, $total-columns);
-    #{$default-opposite} : auto;
-  }
-  @if $pull > 0 {
-    #{$default-opposite} : gridCalc($pull, $total-columns);
-    #{$default-float}    : auto;
-  }
-
-  // If centered, get rid of float and add appropriate margins
-  @if $center {
-    margin-#{$default-float}    : auto !important;
-    margin-#{$default-opposite} : auto !important;
-    float : none !important;
-    
-    // If for form-column, change display to `block`
-    @if $form {
-      display: block;
-    }
-  }
-
-  @if $float {
-    @if $float == left or $float == true {
-      float: $default-float;
-    }
-    @else if $float == right {
-      float: $default-opposite;
-    }
-    @else {
-      float: none;
-    }
-  }
-  
-  // If used from external file and size is not small
-  @if $external {
-    @if $small == false {
-      @include small {
-        width : 100%;
-      }
-    }
-  }
-}
-
-@if $include-grid {
-
-/* ---------------
-EDGE Grid
---------------- */
-
-body {
-  &.not-responsive {
-    min-width: em($row-max-width + $column-distance);
-  }
-  &.only-responsive-below-small {
-    min-width : $row-max-width;
-    .row {
-      min-width: em($row-max-width);
-
-      // Nested row
-      .row {
-        min-width: 0;
-      }
-    }
-
-    @include small {
-      min-width : 0;
-      .row {
-        min-width: 0;
-      }
-    }
-  }
-}
-
-// Normal row
-.row {
-  @include grid-row;
-  
-  // Collapsed row
-  &.collapse {
-    @include grid-row($collapse:true);
-    .column,
-    .columns {
-      @include grid-column($collapse:true);
-    }
-  }
-  
-  // Nested-collapsed row
-  .row {
-    @include grid-row($nest:true);
-    &.collapse {
-      @include grid-row($nest:true, $collapse:true);
-    }
-  }
-}
-
-// Normal column
-.column,
-.columns {
-  @include grid-column($columns:$total-columns);
-}
-
-
-// Normal form-row
-.form-row {
-  @include grid-row($collapse:true, $nest:true);
-
-  .form-column,
-  .form-columns {
-    @include grid-column($collapse:true, $form:true);
-  }
-}
-
-@for $i from 1 through $total-columns {
-  .large#{-$i} { @include grid-column($columns:$i, $collapse:null, $float:false, $for-base:true); }
-}
-
-// Centered column
-.column.large-centered,
-.columns.large-centered {
-  @include grid-column($center:true, $collapse:null, $float:false);
-}
-
-// Centered form-column
-.form-column.large-centered,
-.form-columns.large-centered {
-  @include grid-column($center:true, $collapse:null, $float:false, $form:true);
-}
-
-// Source Ordering
-@include medium-up {
-  @for $i from 1 through $total-columns - 1 {
-    .large-offset-#{$i} {
-      @include grid-column($offset:$i, $collapse:null, $float:false, $for-base:true);
-    }
-    .push#{-$i} {
-      @include grid-column($push:$i, $collapse:null, $float:false, $for-base:true);
-    }
-    .pull#{-$i} {
-      @include grid-column($pull:$i, $collapse:null, $float:false, $for-base:true);
-    }
-  }
-}
-
-// Small screen and below
-@include small {
-  
-  body:not(.not-responsive) {
-    .column,
-    .columns {
-      @include grid-column($columns:$total-columns);
-    }
-    @for $i from 1 through $total-columns {
-      .small#{-$i} {
-        @include grid-column($columns:$i, $collapse:null, $float:false, $for-base:true);
-      }
-    }
-  }
-
-  @for $i from 0 through $total-columns - 2 {
-    .small-offset-#{$i} {
-      @include grid-column($offset:$i, $collapse:null, $float:false, $for-base:true);
-    }
-  }
-
-  .column.small-centered,
-  .columns.small-centered {
-    @include grid-column($center:true, $collapse:null, $float:false);
-  }
-}
-
-} // $include-grid

data/lib/edge/console.rb

@@ -1,15 +0,0 @@
-module Edge
-	class Console
-		def colorize(text, color_code)
-			"\e[#{color_code}m#{text}\e[0m"
-		end
-
-		def red(text); colorize(text, 31); end
-		def green(text); colorize(text, 32); end
-		def yellow(text); colorize(text, 33); end
-		def blue(text); colorize(text, 34); end
-		def magenta(text); colorize(text, 35); end
-		def cyan(text); colorize(text, 36); end
-
-	end
-end