edge_framework 0.1.0 → 0.2.0

data/assets/sass/edge/components/_visibility.scss

@@ -1,64 +1,56 @@
-/* ---------------
-EDGE Visibility
---------------- */
-// Based on Zurb's Foundation
-
-/* Above small breakpoint (>=768px) */
-	.show-for-small,
-	.hide-for-large { display: none !important; }
-	
-	.show-for-large,
-	.hide-for-small { display: inherit !important; }
+@mixin visible-on($size, $display: inherit) {
+	@if $size == large {
+		&.show-for-large,
+		&.hide-for-small { display: $display !important; }
+	} @else if $size == small {
+		&.show-for-small,
+		&.hide-for-large { display: $display !important; }
+	}
+}
 
+// Elements that need special `display`
+@mixin special-display($size) {
 	table {
-		&.show-for-large,
-		&.hide-for-small { display: none !important; }
+		@include visible-on($size, table);
 	}
 	thead {
-		&.show-for-large,
-		&.hide-for-small { display: table-header-group !important; }
+		@include visible-on($size, table-header-group);
 	}
 	tbody {
-		&.show-for-large,
-		&.hide-for-small { display: table-row-group !important; }
+		@include visible-on($size, table-row-group);
 	}
 	tr {
-		&.show-for-large,
-		&.hide-for-small { display: table-row !important; }
+		@include visible-on($size, table-row);
 	}
-	td,
-	th {
-		&.show-for-large,
-		&.hide-for-small { display: table-cell !important; }
+	td, th {
+		@include visible-on($size, table-cell);
+	}
+	span, b, em, strong, .bold, .italic, code {
+		@include visible-on($size, inline-block);
 	}
+}
 
-/* Below small breakpoint (<768px) */
-	@include small {
-		.show-for-large,
-		.hide-for-small { display: none !important; }
+@if $include-visibility {
+	
+/* ---------------
+EDGE Visibility
+--------------- */
+
+/* Above small breakpoint (>$small-screen) */
+.show-for-small,
+.hide-for-large { display: none !important; }
+.show-for-large,
+.hide-for-small { display: inherit !important; }
+@include special-display(large);
+
+/* Below small breakpoint (<=$small-screen) */
+@include small {
+	.show-for-large,
+	.hide-for-small { display: none !important; }
+	.show-for-small,
+	.hide-for-large { display: inherit !important; }
+	@include special-display(small);
+}
 
-		.show-for-small,
-		.hide-for-large { display: inherit !important; }
+}
 
-		table {
-			&.show-for-small,
-			&.hide-for-large { display: none !important; }
-		}
-		thead {
-			&.show-for-small,
-			&.hide-for-large { display: table-header-group !important; }
-		}
-		tbody {
-			&.show-for-small,
-			&.hide-for-large { display: table-row-group !important; }
-		}
-		tr {
-			&.show-for-small,
-			&.hide-for-large { display: table-row !important; }
-		}
-		td,
-		th {
-			&.show-for-small,
-			&.hide-for-large { display: table-cell !important; }
-		}
-	}

data/assets/sass/edge.scss

@@ -1,9 +1,12 @@
 /* ---------------------------------------------------------------
-EDGE FRAMEWORK - edge.syne.net
-v0.1.0 (Codename Abaddon)
-Special Thanks:
-- Foundation        | foundation.zurb.com
-- HTML5 Boilerplate | html5boilerplate.com
------------------------------------------------------------------- */
+- EDGE FRAMEWORK - edge.setyono.net
+- v0.1.0 (Abaddon)
+- Special Thanks:
+--- Foundation        | foundation.zurb.com
+--- Bootstrap         | getbootstrap.com
+--- Normalize         | git.io/normalize
+--- HTML5 Boilerplate | html5boilerplate.com
+------------------------------------------------------------------- */
 
+@import "edge/base";
 @import "edge/components";

data/assets/sass/for-test.scss

@@ -0,0 +1,75 @@
+@import "edge/base";
+@import "edge/helpers";
+
+.demo-grid {
+	p {
+		text-align : center;
+		margin     : 0;
+	}
+	.column,
+	.columns {
+		p {
+			margin-bottom  : em(15px);
+			padding-top    : em(10px);
+			padding-bottom : em(10px);
+			background     : #eee;
+			text-align     : center;
+		}
+
+		.column,
+		.columns {
+			p {
+				background    : #ddd;
+			}
+			
+			.column,
+			.columns {
+				p {
+					background    : #ccc;
+				}
+		 	}
+		}
+	}
+}
+
+.demo-block-grid {
+	p {
+		background     : #eee;
+		margin-bottom  : em(15px);
+		padding-top    : em(10px);
+		padding-bottom : em(10px);
+		text-align     : center;
+	}
+}
+
+.custom-block-grid {
+	@include block-grid($per-row:5, $collapse:true);
+
+	@include small {
+		@include block-grid($per-row:2, $collapse:true);
+	}
+}
+
+.blog-container { // row
+	@include grid-row();
+	.left-menu {
+		@include grid-column($columns:4);
+		@include small {
+			@include grid-column($columns:6, $small:true);
+		}
+	}
+
+	.right-content {
+		@include grid-column($columns:8);
+		@include small {
+			@include grid-column($columns:6, $small:true);
+		}
+	}
+
+	.center-content {
+		@include grid-column($columns:6, $center:true);
+		@include small {
+			@include grid-column($columns:10, $center:false, $small:true);
+		}
+	}
+}

data/bin/edge

@@ -9,7 +9,11 @@ name    = ARGV[2]
 if command == nil || command == 'help' || command == '-h'
 	Edge.help()
 elsif command == 'create'
-	Edge.create( type, name )
+	if ARGV.length >= 4
+		Edge.command_too_long()
+	else
+		Edge.create( type, name )
+	end
 else
 	Edge.not_found( command )
 end

data/lib/edge/message.rb

@@ -0,0 +1,38 @@
+module Edge
+	require "edge/console"
+	require "edge/version"
+	@console = Edge::Console.new
+
+  AVAILABLE_TEMPLATE =
+<<-EOF.lines.each {|line| line.strip!}
+  Currently these are the available templates:
+    html - Static HTML template
+    php - Standard PHP template
+EOF
+
+	SYNTAX_CREATE =
+<<-EOF.lines.each {|line| line.strip!}
+  #{ @console.cyan('edge create <project_type> <project_name>') }
+  #{ @console.yellow('project_type') }
+    #{ AVAILABLE_TEMPLATE }
+  #{ @console.magenta('project_name') }
+    (Optional) If not specified, current directory will be used
+EOF
+
+	HELP = 
+<<-EOF.lines.each {|line| line.strip!}
+--------------------------------------------------------
+Welcome to Edge Framework v-#{ Edge::VERSION } (#{ Edge::CODENAME })
+--------------------------------------------------------
+CREATE TEMPLATE
+#{ SYNTAX_CREATE }
+EOF
+
+	CREATE_WRONG_SYNTAX = 
+<<-EOF.lines.each {|line| line.strip!}
+
+WRONG SYNTAX
+The correct syntax is:
+#{ SYNTAX_CREATE }
+EOF
+end

data/lib/edge/version.rb

@@ -1,3 +1,4 @@
 module Edge
-	VERSION = "0.1.0"
+	VERSION = "0.2.0"
+	CODENAME = "Abaddon"
 end

data/lib/edge_framework.rb

@@ -5,6 +5,9 @@ require "fileutils" # Copy files
 
 module Edge
 	require "edge/console"
+	require "edge/version"
+	require "edge/message"
+
 	@console = Edge::Console.new
 
 	# Create project
@@ -20,47 +23,59 @@ module Edge
 			puts "Generating #{ @console.yellow(type) } template..."
 			destination = Dir.pwd
 		else
-			puts "The correct syntax is #{ @console.cyan('edge create') } #{ @console.yellow('<project_type>') }  #{ @console.magenta('<project_name>') }"
-			puts "#{ @console.yellow('project_type') } \t Currently these are the available templates:"
-			puts "\t\t html - Static HTML template"
-			puts "\t\t php - Standard PHP template"
-			puts "#{ @console.magenta('project_name') } \t (Optional) If not specified, the template will be generated in current directory"
+			puts CREATE_WRONG_SYNTAX
 			return false
 		end
-		
+
 		# Gem home directory
 		home = File.expand_path( "..", File.dirname(__FILE__) )
 		template = File.join( home, "template" )
 
-		# Copy assets file
-		assets = File.join( template, "base" )
-		FileUtils.cp_r( Dir["#{assets}/*"], 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 site file
-		site = File.join( template, type )
-		FileUtils.cp_r( Dir["#{site}/*"], 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 )
 
-		if name
-			puts "#{ @console.green('Done!') } For starter, you can run #{ @console.cyan('compass watch') } #{ @console.cyan(name) } to generate the CSS"
+		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
-			puts "#{ @console.green('Done!') } For starter, you can run #{ @console.cyan('compass watch') } to generate the CSS"
+			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 "Welcome to Edge Framework v-0.1 (Abaddon)"
-		puts "To create template, run #{ @console.cyan('edge create') } #{ @console.yellow('<project_type>') }  #{ @console.magenta('<project_name>') }"
-		puts "#{ @console.yellow('project_type') } \t Currently these are the available templates:"
-		puts "\t\t html - Static HTML template"
-		puts "\t\t php - Standard PHP template"
-		puts "#{ @console.magenta('project_name') } \t (Optional) If not specified, the template will be generated in current directory"
+		puts 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 #{ @console.cyan("project_name") } contains space, enclose it with double-quote (\")"
+	end
 end
 
 if defined?(Compass)

data/site/assets/css/app.css

@@ -1,3 +1,47 @@
+.block-hero .logo-letter, .block-hero .logo-shape, .block-feature .feature-button { -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
+
+.block-hero { position: relative; background: #efeddf; overflow: hidden; }
+.block-hero .logo { position: relative; top: 20%; max-height: 18.75em; }
+@media only screen and (max-width: 767px) { .block-hero .logo { min-height: 0; } }
+.block-hero .logo-letter, .block-hero .logo-shape { opacity: 0.6; }
+.block-hero .logo-letter:hover, .block-hero .logo-shape:hover { opacity: 1; }
+.block-hero .pitch-intro { padding: 1.25em 0.625em 1.25em; z-index: 2; }
+@media only screen and (max-width: 767px) { .block-hero .pitch-intro { padding-top: 0; } }
+.block-hero .pitch-intro h1, .block-hero .pitch-intro h2 { font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: 300; }
+.block-hero .pitch-intro h1 { font-size: 3.5em; margin-bottom: 0.35714em; }
+.block-hero .pitch-intro h2 { font-size: 1.875em; margin-bottom: 0.66667em; }
+.block-hero .pitch-intro code { background: white; font-size: 1.25em; padding: 0.3125em 0.625em; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 1em; }
+.block-hero .pitch-intro .hero-button { background: #1d7886; color: white; border: 1px solid #14525c; text-transform: uppercase; font-size: 1.25em; }
+.block-hero .pitch-intro .hero-button:active { border: 1px solid #0b2d32; }
+.block-hero .pitch-intro.has-logo { background: #efeddf url("../img/logo/edge-logo-transparent.svg") center right no-repeat; background-size: auto 125%; }
+@media only screen and (max-width: 767px) { .block-hero .pitch-intro.has-logo { background: none; } }
+.block-hero .ruby-install { margin-top: 1.29em; }
+@media only screen and (max-width: 767px) { .block-hero .ruby-install { margin-top: 0; } }
+@media only screen and (max-width: 767px) { .block-hero { font-size: 12px; background: #efeddf url("../img/logo/edge-logo-transparent.svg") center right no-repeat; background-size: auto 125%; } }
+
+.block-feature { background: #e4e3d5; padding: 1.25em 0.625em 1.25em; margin-bottom: 0.9375em; }
+.block-feature .feature-button { display: block; padding: 1.25em 0; color: inherit; text-align: center; }
+.block-feature .feature-button:hover { color: white; }
+.block-feature .feature-button:active { -webkit-box-shadow: inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); box-shadow: inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); }
+.block-feature .feature-list > li { margin-bottom: 0.9375em; }
+.block-feature .feature-list > li:nth-child(1) .feature-button { border-top: 2px solid #0099cc; }
+.block-feature .feature-list > li:nth-child(1) .feature-button:hover { background: #0099cc; }
+.block-feature .feature-list > li:nth-child(2) .feature-button { border-top: 2px solid #dba924; }
+.block-feature .feature-list > li:nth-child(2) .feature-button:hover { background: #dba924; }
+.block-feature .feature-list > li:nth-child(3) .feature-button { border-top: 2px solid #cc0000; }
+.block-feature .feature-list > li:nth-child(3) .feature-button:hover { background: #cc0000; }
+.block-feature .feature-list > li:nth-child(4) .feature-button { border-top: 2px solid #99cc00; }
+.block-feature .feature-list > li:nth-child(4) .feature-button:hover { background: #99cc00; }
+.block-feature .feature-item { position: relative; background-color: white; -webkit-box-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.2); box-shadow: 0 0.0625em 0.125em rgba(0, 0, 0, 0.2); }
+.block-feature .feature-description, .block-feature .feature-title { text-align: center; }
+.block-feature .feature-description { padding: 0 0.9375em 0.9375em; }
+.block-feature .feature-title { padding: 0.6em; font-size: 1.5625em; }
+
+#footer { background: #3F4944; color: #BBB; padding: 2.5em 0.625em 1.25em; }
+#footer .footer-nav-title { margin-bottom: 0.55556em; }
+#footer .footer-nav a { padding-bottom: 0.5em; color: inherit; }
+#footer .copyright { text-align: center; padding: 1.25em 0; }
+
 .demo-grid p { text-align: center; margin: 0; }
 .demo-grid .column, .demo-grid .columns { margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; background: #eee; text-align: center; }
 .demo-grid .column .column, .demo-grid .column .columns, .demo-grid .columns .column, .demo-grid .columns .columns { background: #ddd; margin-bottom: 0; }
@@ -7,12 +51,6 @@
 
 .demo-em { -webkit-box-shadow: inset 0.0625em 0 0.0625em rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0.0625em 0 0.0625em rgba(0, 0, 0, 0.2); box-shadow: inset 0.0625em 0 0.0625em rgba(0, 0, 0, 0.2); padding: 0.625em 0.9375em 1.5625em; }
 
-html, body { height: 100%; background-color: #eee; }
-
-#main-wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -54px; max-width: 1440px; background: white; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2); }
-
-#footer, #footer-push { margin: 0 auto; height: 54px; max-width: 1440px; }
-
 .ic { background: url('../img/icons-se85c66def2.png'); display: inline-block; }
 .ic.bulbasaur { background-position: 0 -100px; height: 100px; width: 100px; }
 .ic.charizard { background-position: 0 -500px; height: 200px; width: 200px; }
@@ -22,5 +60,3 @@ html, body { height: 100%; background-color: #eee; }
 .ic.squirtle { background-position: -100px -100px; height: 100px; width: 100px; }
 .ic.venusaur { background-position: 0 -700px; height: 200px; width: 200px; }
 @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ic { background: url('../img/icons@2x-sf605bc03f7.png'); background-size: 200px 900px; } }
-
-body { text-shadow: 2px 2px 3px yellow; }

data/site/assets/css/edge.css

@@ -1,3 +1,12 @@
+/* ---------------------------------------------------------------
+- EDGE FRAMEWORK - edge.setyono.net
+- v0.1.0 (Abaddon)
+- Special Thanks:
+--- Foundation        | foundation.zurb.com
+--- Bootstrap         | getbootstrap.com
+--- Normalize         | git.io/normalize
+--- HTML5 Boilerplate | html5boilerplate.com
+------------------------------------------------------------------- */
 /* ---------------------------
 Normalize | git.io/normalize
 ------------------------------ */
@@ -78,21 +87,27 @@ table { border-collapse: collapse; border-spacing: 0; }
 /* ------------------
 EDGE Boilerplate
 --------------------- */
+* { margin: 0; padding: 0; }
+
 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 
 html, body { font-size: 16px; }
 
-body { position: relative; background: white; color: #222222; padding: 0; margin: 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; }
+body { position: relative; background: #e4e3d5; color: #222222; font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; }
 
-h1, h2, h3, h4, h5, h6 { font-family: "Roboto Slab", "Helvetica", Helvetica, Arial, sans-serif; }
+h1, h2, h3, h4, h5, h6 { font-family: "Bitter", "Helvetica", Helvetica, Arial, sans-serif; }
 
 p { line-height: 1.5; margin-top: 0; margin-bottom: 0; }
 
+a { display: inline-block; cursor: pointer; text-decoration: none; }
+
+ul, ol { list-style: none; }
+
 hr { display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc; }
 
 a:focus { outline: none; }
 
-h1 { margin: 0; }
+h1, h2, h3, h4, h5, h6 { margin: 0; }
 
 fieldset { border: 0; margin: 0; padding: 0; }
 
@@ -113,10 +128,6 @@ body { -webkit-animation: bugfix infinite 1s; }
 @-webkit-keyframes bugfix { from { padding: 0; }
   to { padding: 0; } }
 
-::-moz-selection { background: #3297fd; text-shadow: none; }
-
-::selection { background: #3297fd; text-shadow: none; }
-
 /* Miscellaneous useful HTML classes */
 .left { float: left !important; }
 
@@ -138,14 +149,48 @@ body { -webkit-animation: bugfix infinite 1s; }
 
 .italic, em { font-style: italic !important; }
 
+ul.inline, ol.inline { list-style-type: none; }
+ul.inline li, ol.inline li { display: inline-block; }
+
 .antialiased { -webkit-font-smoothing: antialiased; }
 
+/* ---------------
+EDGE Button
+--------------- */
+button, .button, input[type="button"], input[type="submit"], input[type="reset"] { position: relative; cursor: pointer; padding: 0.625em 1.25em; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; background: #0099cc; color: white; border: 1px solid #007399; }
+button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { -webkit-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1); }
+button:active, .button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { border: 1px solid #004d66; font-size: 90%; -webkit-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); box-shadow: inset 0.0625em 0.0625em 6.1875em rgba(0, 0, 0, 0.1), inset 0.0625em 0.0625em 0.75em rgba(0, 0, 0, 0.1), inset -0.0625em -0.0625em 0.75em rgba(0, 0, 0, 0.1); }
+
+/* ---------------
+EDGE Typography
+--------------- */
+h1 { font-size: 2.75em; }
+
+h2 { font-size: 2.3125em; }
+
+h3 { font-size: 1.6875em; }
+
+h4 { font-size: 1.4375em; }
+
+h5 { font-size: 1.125em; }
+
+h6 { font-size: 1em; }
+
+code { display: inline-block; }
+code, code pre { font-family: "Source Code Pro", "Consolas", "monospace"; }
+
+input::-ms-clear { display: none; }
+
+input::-webkit-calendar-picker-indicator { display: none; }
+
+input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; }
+
 /* ---------------
 EDGE Grid
 --------------- */
 body.not-responsive { min-width: 71.25em; }
 body.only-responsive-below-small { min-width: 71.25em; }
-@media only screen and (max-width: 47.9375em) { body.only-responsive-below-small { min-width: 0; } }
+@media only screen and (max-width: 767px) { body.only-responsive-below-small { min-width: 0; } }
 
 .row { zoom: 1; width: 100%; max-width: 71.25em; margin: 0 auto; }
 .row:before, .row:after { content: " "; display: table; }
@@ -240,7 +285,7 @@ body.only-responsive-below-small { min-width: 71.25em; }
 .row.collapse .push-10 { margin-right: 0; left: 83.33333%; right: auto; }
 .row.collapse .pull-10 { margin-right: 0; right: 83.33333%; left: auto; }
 
-@media only screen and (min-width: 47.9375em) { .small-push-2 { left: inherit; }
+@media only screen and (min-width: 767px) { .small-push-2 { left: inherit; }
   .small-pull-2 { right: inherit; }
   .small-push-3 { left: inherit; }
   .small-pull-3 { right: inherit; }
@@ -258,7 +303,7 @@ body.only-responsive-below-small { min-width: 71.25em; }
   .small-pull-9 { right: inherit; }
   .small-push-10 { left: inherit; }
   .small-pull-10 { right: inherit; } }
-@media only screen and (max-width: 47.9375em) { .row .column, .row .columns, .row.collapse .column, .row.collapse .columns { width: 100%; float: left; }
+@media only screen and (max-width: 767px) { .row .column, .row .columns, .row.collapse .column, .row.collapse .columns { width: 100%; float: left; }
   .row .column[class*="push"], .row .column[class*="pull"], .row .columns[class*="push"], .row .columns[class*="pull"], .row.collapse .column[class*="push"], .row.collapse .column[class*="pull"], .row.collapse .columns[class*="push"], .row.collapse .columns[class*="pull"] { left: auto; right: auto; }
   .row [class*="large-offset"] { margin-left: 0; }
   .row .small-1 { width: 6.3231%; }
@@ -336,7 +381,8 @@ EDGE Block Grid
 .large-block-grid-12 > li:nth-of-type(12n) { margin-right: 0; }
 .large-block-grid-12.collapse > li { width: 8.33333%; }
 
-@media only screen and (max-width: 47.9375em) { [class*="small-block-grid-"] > li { clear: none !important; }
+@media only screen and (max-width: 767px) { [class*="small-block-grid-"] > li { clear: none !important; }
+  [class*="large-block-grid-"] > li { width: 100%; }
   [class*="large-block-grid-"] > li:nth-child(n+1) { margin-right: 2.19298%; }
   .small-block-grid-2 > li { width: 48.90351%; }
   .small-block-grid-2 > li:nth-of-type(2n) { margin-right: 0; }
@@ -376,38 +422,15 @@ EDGE Block Grid
 [class*="block-grid-"].collapse:after { clear: both; }
 [class*="block-grid-"].collapse > li { display: block; height: auto; float: left; margin-right: 0; }
 
-/* ------------------------------
-H5BP PRINT
-- Style for printing the website
---------------------------------- */
-@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
-  a, a:visited { text-decoration: underline; }
-  a[href]:after { content: " (" attr(href) ")"; }
-  abbr[title]:after { content: " (" attr(title) ")"; }
-  /* Don't show links for images, or javascript/internal links */
-  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
-  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; } }
-input::-ms-clear { display: none; }
-
-input::-webkit-calendar-picker-indicator { display: none; }
-
-input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; }
-
 /* ---------------
 EDGE Visibility
 --------------- */
-/* Above small breakpoint (>=768px) */
+/* Above small breakpoint (>$small-screen) */
 .show-for-small, .hide-for-large { display: none !important; }
 
 .show-for-large, .hide-for-small { display: inherit !important; }
 
-table.show-for-large, table.hide-for-small { display: none !important; }
+table.show-for-large, table.hide-for-small { display: table !important; }
 
 thead.show-for-large, thead.hide-for-small { display: table-header-group !important; }
 
@@ -417,11 +440,31 @@ tr.show-for-large, tr.hide-for-small { display: table-row !important; }
 
 td.show-for-large, td.hide-for-small, th.show-for-large, th.hide-for-small { display: table-cell !important; }
 
-/* Below small breakpoint (<768px) */
-@media only screen and (max-width: 47.9375em) { .show-for-large, .hide-for-small { display: none !important; }
+span.show-for-large, span.hide-for-small, b.show-for-large, b.hide-for-small, em.show-for-large, em.hide-for-small, strong.show-for-large, strong.hide-for-small, .bold.show-for-large, .bold.hide-for-small, .italic.show-for-large, .italic.hide-for-small, code.show-for-large, code.hide-for-small { display: inline-block !important; }
+
+/* Below small breakpoint (<=$small-screen) */
+@media only screen and (max-width: 767px) { .show-for-large, .hide-for-small { display: none !important; }
   .show-for-small, .hide-for-large { display: inherit !important; }
-  table.show-for-small, table.hide-for-large { display: none !important; }
+  table.show-for-small, table.hide-for-large { display: table !important; }
   thead.show-for-small, thead.hide-for-large { display: table-header-group !important; }
   tbody.show-for-small, tbody.hide-for-large { display: table-row-group !important; }
   tr.show-for-small, tr.hide-for-large { display: table-row !important; }
-  td.show-for-small, td.hide-for-large, th.show-for-small, th.hide-for-large { display: table-cell !important; } }
+  td.show-for-small, td.hide-for-large, th.show-for-small, th.hide-for-large { display: table-cell !important; }
+  span.show-for-small, span.hide-for-large, b.show-for-small, b.hide-for-large, em.show-for-small, em.hide-for-large, strong.show-for-small, strong.hide-for-large, .bold.show-for-small, .bold.hide-for-large, .italic.show-for-small, .italic.hide-for-large, code.show-for-small, code.hide-for-large { display: inline-block !important; } }
+/* ------------------------------
+H5BP PRINT
+- Style for printing the website
+--------------------------------- */
+@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
+  a, a:visited { text-decoration: underline; }
+  a[href]:after { content: " (" attr(href) ")"; }
+  abbr[title]:after { content: " (" attr(title) ")"; }
+  /* Don't show links for images, or javascript/internal links */
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+  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/site/assets/img/logo/edge-full.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="612px" height="527.374px" viewBox="0 264.626 612 527.374" enable-background="new 0 264.626 612 527.374"
+	 xml:space="preserve">
+<path fill="#D8BC62" d="M151.593,792.107H3.102l92.007-158.708h70.961l-14.477,27.572h-41.557l-20.681,34.847h41.677l-15.511,27.601
+	H73.613L50.34,764.317h115.73L151.593,792.107z"/>
+<path fill="#D8BC62" d="M612,792.107H440.974V633.4h79.313l15.511,27.572h-61.17v34.846h35.664l15.511,27.573h-51.175v40.926H596.49
+	L612,792.107z"/>
+<polygon fill="#D8BC62" points="314,764.427 375.1,661.127 382.2,661.127 382.2,661.026 411.7,661.026 427.2,633.427 354.6,633.427 
+	262.8,792.026 377.5,792.026 393.6,792.026 427.2,792.026 427.2,764.427 427.2,723.326 427.2,695.826 395.6,695.826 383,695.826 
+	367.5,723.326 395.6,723.326 395.6,764.427 "/>
+<path fill="#D8BC62" d="M310.979,633.4h-83.897h-15.985h-33.632v27.572V792h72.652l76.458-132.146L310.979,633.4z M209.029,764.318
+	V660.973h81.543l-60.961,103.346H209.029z"/>
+<polygon fill="#D8BC62" points="486.5,575.927 224.4,575.927 266.3,502.627 443.9,502.627 "/>
+<polygon fill="#D8BC62" points="306.6,264.626 437.6,491.727 353.1,492.127 264.3,338.126 "/>
+<polygon fill="#D8BC62" points="125.8,575.927 257,348.827 299.6,421.826 210.6,575.727 "/>
+</svg>