edge_framework 0.9.0 → 0.9.9

data/lib/edge_framework.rb

@@ -1,86 +1,82 @@
 root = File.join(File.dirname(__FILE__), "..")
-require "edge/version"
-require "win32console" # Command line color for Windows
+
 require "fileutils" # Copy files
 
 module Edge
-	require "edge/console"
-	require "edge/version"
-	require "edge/message"
+  require "edge/message"
+
+  @message = Edge::Message.new
 
-	@console = Edge::Console.new
+  def self.message(key)
+    return @message.get_message(key);
+  end
 
-	# Create project
-	def self.create(type, name)
-		# If name is specified, create new directory
-		if name
-			puts "Creating #{ @console.magenta(name) } as #{ @console.yellow(type) } project..."
+  # Create project
+  def self.create(type, name)
+    # If name is specified, create new directory
+    if name
+      FileUtils.mkdir( name )
+      destination = File.join( Dir.pwd, name )
+    # If type is specified, create new file in the current directory
+    elsif type
+      puts "[create] \t #{type} template"
+      destination = Dir.pwd
+    else
+      puts message(:create_wrong_syntax)
+      return false
+    end
 
-			FileUtils.mkdir( name )
-			destination = File.join( Dir.pwd, name )
-		# If type is specified, create new file in the current directory
-		elsif type
-			puts "Generating #{ @console.yellow(type) } template..."
-			destination = Dir.pwd
-		else
-			puts CREATE_WRONG_SYNTAX
-			return false
-		end
+    # Gem home directory
+    home = File.expand_path( "..", File.dirname(__FILE__) )
+    template = File.join( home, "template" )
 
-		# Gem home directory
-		home = File.expand_path( "..", File.dirname(__FILE__) )
-		template = File.join( home, "template" )
+    # Copy template files
+    template_type = File.join( template, type )
+    # If directory doesn't exist
+    if !File.directory?(template_type)
+      puts "[error] \t Template not found"
+      puts message(:available_template)
+      return false
+    end
+    FileUtils.cp_r( Dir["#{template_type}/*"], destination )
 
-		# Copy template files
-		template_type = File.join( template, type )
-		# If directory doesn't exist
-		if !File.directory?(template_type)
-			puts "#{ @console.red('Template not found') }"
-			puts AVAILABLE_TEMPLATE
-			return false
-		end
-		FileUtils.cp_r( Dir["#{template_type}/*"], destination )
+    # Copy base files
+    base = File.join( template, "base" )
+    FileUtils.cp_r( Dir["#{base}/*"], destination )
 
-		# Copy base files
-		base = File.join( template, "base" )
-		FileUtils.cp_r( Dir["#{base}/*"], destination )
+    # Copy javascript files
+    js_source = File.join( home, "assets", "js" )
+    js_destination = File.join( destination, "assets", "js")
+    FileUtils.cp_r( Dir["#{js_source}/*"], js_destination )
 
-		# Copy javascript files
-		js_source = File.join( home, "assets", "js" )
-		js_destination = File.join( destination, "assets", "js")
-		FileUtils.cp_r( Dir["#{js_source}/*"], js_destination )
+    puts "[success] \t Run `compass watch` to generate the CSS"
+  end
 
-		if name.nil?
-			compass_command = "#{ @console.cyan('compass watch') }"
-		elsif name.match(/\s/)
-			compass_command = "#{ @console.cyan('compass watch') } #{ @console.cyan('"'+name+'"') }"
-		elsif name
-			compass_command = "#{ @console.cyan('compass watch') } #{ @console.cyan(name) }"
-		else
-			compass_command = "#{ @console.cyan('compass watch') }"
-		end
-		puts "#{ @console.green('Done!') } For starter, you can run #{ @console.cyan(compass_command) } to generate the CSS"
-	end
+  # Help message
+  def self.help()
+    puts message(:help)
+  end
 
-	# Help message
-	def self.help()
-		puts HELP
-	end
+  # Error message for non-existance command
+  def self.not_found(command)
+    puts "The command '#{command}' does not exist. Run #{ log("edge -h") } for help" 
+  end
 
-	# Error message for non-existance command
-	def self.not_found(command)
-		puts "The command '#{command}' does not exist. Run #{ @console.cyan("edge -h") } for available commands." 
-	end
+  # Generic message for command that is too long
+  def self.command_too_long()
+    puts "Passed parameters exceed limits. If your #{ log('project_name') } contains space, enclose it with double-quote (\")"
+  end
 
-	# Generic message for command that is too long
-	def self.command_too_long()
-		puts "Passed parameters exceed limits. If your #{ @console.cyan("project_name") } contains space, enclose it with double-quote (\")"
-	end
+  if defined?(Rails::Engine)
+    require "edge/engine"
+  elsif defined?(Sprockets)
+    require "edge/sprockets"
+  end
 end
 
 if defined?(Compass)
-	Compass::Frameworks.register("edge",
-		:stylesheets_directory => File.join(root,"assets/sass"),
-		:templates_directory => File.join(root,"templates")
-	)
+  Compass::Frameworks.register("edge",
+    :stylesheets_directory => File.join(root,"assets/sass"),
+    :templates_directory => File.join(root,"templates")
+  )
 end

data/template/base/assets/js/app.js

@@ -1,3 +1,3 @@
 (function () {
-	// Your app-specific script here
+  // Your app-specific script here
 }() );

data/template/base/assets/sass/_setting.scss

@@ -3,29 +3,24 @@
 
 // Override EDGE variables here
 // To override, uncomment the variable and set the new value
-// Please keep the measurement unit (px or em) the same.
-
-// The first thing to change is Font-family and Main color of your site
 
 // -------
 // FONT
 // -------
-// $header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif";
-// $body-font-family   : "Helvetica", Helvetica, Arial, "sans-serif";
+$header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif";
+$body-font-family   : "Helvetica", Helvetica, Arial, "sans-serif";
 // $code-font-family   : "Consolas", Courier, "monospace";
 
 // --------------------------------
 // COLOR
 //   Two main colors of your site
 // --------------------------------
-// $main-color    : #0173bc;
+$main-color    : #0173bc;
 // $sub-color     : #e9e9e9;
 
-// -----------------------
+// -------------------
 // COLOR PALETTE
-//   These colors below should NEVER be used directly to style
-//   set to another variable like $header-color: $blue-color;
-// ----------------------------------------------------------
+// -------------------
 // $passive-color : #e9e9e9;
 // $blue-color    : #0173bc;
 // $yellow-color  : #dba924;
@@ -34,12 +29,15 @@
 
 // ---------------------------
 // OUTPUT CONFIG
-//   debug       - if true : add debug functionality
-//   responsive  - if false: prevent the grid from shrinking down
-//   include     - if false: remove the CSS output, but can still use the mixin
+//   debug      : if true - add useful functionality for development
+//   responsive : add responsiveness to the output
+//   vertical-rhythm : vertically-align all header, paragraph, and list
+
+//   include         : if false - no CSS output
 // ------------------------------------------------------------------------------
 // $debug      : false;
 // $responsive : true;
+// $vertical-rhythm : false;
 
 // $include-typography : true;
 // $include-grid       : true;
@@ -48,27 +46,25 @@
 
 // $include-button  : true;
 // $include-form    : true;
+// $include-animate : true;
 
 // $include-print   : false;
 // $include-code    : false;
 
-// ------
-// BODY
-// ------
-// $body-background  : #fff;
-// $body-font-color  : #222;
-// $body-font-weight : normal;
-// $body-font-style  : normal;
-
-// $body-font-size   : 16px;   // base-value for pixel->em converter
-// $body-line-height : 1.5;
-
 // ---------------
 // GLOBAL VALUE
 // ---------------
 // $g-radius : 5px;
 // $g-transition : all 0.2s ease-out;
 
+// -------------------
+// MEDIA QUERIES
+// -------------------
+// $mini-screen   : 480px;
+// $small-screen  : 767px;
+// $large-screen  : 1440px;
+// $retina-screen : 192dpi;
+
 // --------
 // GRID
 // --------
@@ -82,6 +78,16 @@
 // $max-tiles   : 12;
 // $tile-gutter : 15px;
 
+// ------
+// BODY
+// ------
+// $body-background  : #fff;
+// $body-font-color  : #222;
+// $body-font-weight : 400;
+
+// $body-font-size   : 16px;
+// $body-line-height : 1.5;
+
 // ---------------
 // TYPOGRAPHY
 // ---------------
@@ -100,22 +106,16 @@
 // -----------------
 // CODE Highlighter
 // -----------------
-// $code-theme  : light; // light or dark
-
-// -------------------
-// MEDIA QUERIES
-// -------------------
-// $mini-screen  : 480px;
-// $small-screen : 767px;
-// $large-screen  : 1440px;
-// $retina-screen : 192dpi;
+// $code-theme  : light;  // "light" or "dark"
 
 // ----------
 // BUTTON
 // ----------
-// $button-padding : 10px 20px;
+// $button-full-style : true;  // if false: remove all css3 styling
+// $button-color      : $main-color;
+// $button-padding    : 10px 20px;
 
 // ------------------
 // TEXT DIRECTION
 // ------------------
-// $text-direction   : ltr; // Controls default global text direction, 'rtl' or 'ltr'
+// $text-direction   : ltr;  // Controls default global text direction, 'rtl' or 'ltr'

data/template/base/config.rb

@@ -1,4 +1,4 @@
-gem "edge_framework", "= 0.9.0" # Remove this line to use the latest EDGE, beware of incompatibility
+gem "edge_framework", "= 0.9.9" # Remove this line to use the latest EDGE, beware of incompatibility
 require "edge_framework"
 
 http_path       = "/"

data/template/html/index.html

@@ -23,12 +23,12 @@
   
   <!-- Content goes here -->
 
-  <div id="footer-push"></div>
+  <aside id="footer-push"></aside>
 </div>
-<footer id="footer"></footer>
+<footer class="main-footer"></footer>
 
 <!-- Google's Hosted JQuery -->
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 <script type="text/javascript">
   // Use local jquery, if Google's one fails to load
   if (typeof jQuery == "undefined") {

data/template/php/partials/footer.php

@@ -1,6 +1,6 @@
-<div id="footer-push"></div>
+  <aside id="footer-push"></aside>
 </div>
-<footer id="footer"></footer>
+<footer class="main-footer"></footer>
 
 <!-- Google's Hosted JQuery -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

data/template/wordpress/footer.php

@@ -1,7 +1,6 @@
-  <div id="footer-push"></div>
+  <aside id="footer-push"></aside>
 </div>
-<footer id="footer">
-</footer>
+<footer class="main-footer"></footer>
 
 <!-- Google's Hosted JQuery -->
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: edge_framework
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 0.9.9
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-01-15 00:00:00.000000000 Z
+date: 2014-03-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -43,22 +43,6 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: 0.12.0
-- !ruby/object:Gem::Dependency
-  name: win32console
-  requirement: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -107,7 +91,7 @@ dependencies:
     - - ! '>='
       - !ruby/object:Gem::Version
         version: '0'
-description: Responsive SASS Framework
+description: Minimalist SASS Framework
 email:
 - henner@setyono.net
 executables:
@@ -124,6 +108,7 @@ files:
 - Rakefile
 - assets/js-docs/jquery.min.js
 - assets/js/edge.js
+- assets/js/edge/edge.animate.js
 - assets/js/edge/edge.collect.js
 - assets/js/edge/edge.handlebars.js
 - assets/js/edge/edge.ie8.js
@@ -136,12 +121,10 @@ files:
 - assets/sass/edge/_base.scss
 - assets/sass/edge/_components.scss
 - assets/sass/edge/_helpers.scss
-- assets/sass/edge/components/_block-grid-margin.scss
+- assets/sass/edge/components/_animate.scss
 - assets/sass/edge/components/_button.scss
 - assets/sass/edge/components/_code.scss
 - assets/sass/edge/components/_form.scss
-- assets/sass/edge/components/_grid-margin.scss
-- assets/sass/edge/components/_grid-old.scss
 - assets/sass/edge/components/_grid.scss
 - assets/sass/edge/components/_normalize.scss
 - assets/sass/edge/components/_print.scss
@@ -155,8 +138,9 @@ files:
 - assets/test2.html
 - bin/edge
 - edge.gemspec
-- lib/edge/console.rb
+- lib/edge/engine.rb
 - lib/edge/message.rb
+- lib/edge/sprockets.rb
 - lib/edge/version.rb
 - lib/edge_framework.rb
 - template/base/.gitignore
@@ -210,5 +194,5 @@ rubyforge_project:
 rubygems_version: 1.8.28
 signing_key: 
 specification_version: 3
-summary: Responsive SASS Framework that utilize Compass to its full extend
+summary: Minimalist SASS Framework that utilize Compass to its full extend
 test_files: []

data/assets/sass/edge/components/_block-grid-margin.scss

@@ -1,112 +0,0 @@
-// ------------------------------------------
-// BLOCK GRID with MARGIN
-//   *Deprecated* since v 0.1, use block-grid instead
-//   Using margin for distance between block
-// ------------------------------------------
-$block-grid-max-width : em($content-width) !default;
-$block-grid-total     : 12 !default;
-$block-grid-margin    : em(25px) !default;
-
-// Calculate percentages for block-grid
-@function blockGridCalc($blockNum, $totalBlock:$block-grid-total, $collapse:false) {
-	$baseSize : 100% / $blockNum;
-
-	// Reduce size due to margin between grid.
-	$fillSize : 0 !default;
-	@if $collapse == false { // -2% / 4
-		$fillSize : ( gridMarginCalc() * ( $blockNum - 1 ) / $blockNum );
-	}
-	
-	@return $baseSize - $fillSize;
-}
-
-// Calculate percentages for Margin between block-grid
-@function blockGridMarginCalc($blockMargin: $block-grid-margin, $maxWidth: $block-grid-max-width) {
-	@return percentage( $blockMargin / $maxWidth );
-}
-
-@mixin block-grid($block-num : false,
-				$spacing     : $block-grid-margin,
-				$base-style  : true,
-				$collapse    : false) {
-
-	@if $base-style {
-		display : block;
-		padding : 0;
-		@include clearfix;
-
-		&> li {
-			display : block;
-			height  : auto;
-			float   : $default-float;
-			@if $collapse == false {
-				margin-#{$default-opposite} : blockGridMarginCalc($spacing);
-			} @else {
-				margin-#{$default-opposite} : 0;
-			}
-		}
-	}
-
-	@if $block-num {
-		&>li {
-			width   : blockGridCalc($block-num, $collapse: $collapse);
-			@if $collapse == false {
-				&:nth-of-type(#{$block-num}n) {
-					margin-#{$default-opposite} : 0;
-				}
-			}
-			
-			// &:nth-of-type(#{$block-num}n+1) {
-			// 	clear: both;
-			// }
-		}
-	}
-}
-
-@if $include-block-grid {
-
-/* ---------------
-EDGE Block Grid
---------------- */
-
-[class*="block-grid-"] { @include block-grid; }
-
-// Large block grid
-@for $i from 2 through $block-grid-total {
-	.large-block-grid-#{($i)} {
-		@include block-grid($i, $for-base: false);
-
-		&.collapse {
-			@include block-grid($i, $for-base: false, $collapse: true);
-		}
-	}
-}
-
-@include small {
-	[class*="small-block-grid-"] > li { clear: none !important; }
-	
-	// Make large-block-grid 100% width
-	[class*="large-block-grid-"] > li {
-		width: 100%;
-		
-		// Reset large-block-grid nth-child margin
-		&:nth-child(n+1) {
-			margin-#{$default-opposite} : blockGridMarginCalc($block-grid-margin);
-		}
-	}
-
-	// Small block grid
-	@for $i from 2 through $block-grid-total {
-		.small-block-grid-#{($i)} {
-			@include block-grid($i, $base-style: false);
-			&.collapse {
-				@include block-grid($i, $base-style: false, $collapse: true);
-			}
-		}
-	}
-}
-
-// Base style for collapsed block-grid, written below to override other style
-[class*="block-grid-"].collapse { @include block-grid($collapse: true); }
-
-}