edge_framework 0.9.0 → 0.9.9

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

@@ -1,44 +1,45 @@
-@if $include-normalize {
-	
-/* ------------------------
-EDGE Normalize
-Based on git.io/normalize
---------------------------- */
-// Normalize can work independently outside EDGE,
-// but the reset is 100% complete with EDGE Typography
-
+// =================
+// EDGE NORMALIZE
+// =================
+// Based on git.io/normalize
+
+@if $include-normalize and not $external-call {
+  
+/* ----------------
+  EDGE Normalize
+---------------- */
 // Set box-sizing globally to handle padding and border widths
 *,
 *:before,
 *:after {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 // Basic reset margin and padding
 *, body {
-	margin: 0;
-	padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 // Chrome Sibling Selector Fix
 body { -webkit-animation: bugfix infinite 1s; }
 @-webkit-keyframes bugfix { 
-	from { padding: 0; }
-	to { padding: 0; }
+  from { padding: 0; }
+  to { padding: 0; }
 }
 
 html {
-	font-family: sans-serif;
-	-webkit-text-size-adjust: 100%;
-	-ms-text-size-adjust: 100%;
+  font-family: sans-serif;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
 }
 
 // Reset anchor styling
 a {
-	cursor: pointer;
-	text-decoration: none;
+  cursor: pointer;
+  text-decoration: none;
 }
 
 // Remove outline on a:focus
@@ -50,44 +51,44 @@ h1, h2, h3, h4, h5, h6 { margin: 0; }
 
 // A better looking default horizontal rule
 hr {
-	-moz-box-sizing: content-box;
-	box-sizing: content-box;
-	display: block;
-	height: 1px;
-	margin: 1em 0;
-	padding: 0;
-	border: 0;
-	border-top: 1px solid #ccc;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  display: block;
+  height: 1px;
+  margin: 1em 0;
+  padding: 0;
+  border: 0;
+  border-top: 1px solid #ccc;
 }
 
 // Get rid of gap under images
 img {
-	border: 0;
-	display: inline-block;
-	vertical-align: middle;
-	-ms-interpolation-mode: bicubic; 
+  border: 0;
+  display: inline-block;
+  vertical-align: middle;
+  -ms-interpolation-mode: bicubic; 
 }
 
 // Grid Defaults to get images and embeds to work properly
 img,
 object,
 embed {
-	max-width: 100%;
-	height: auto;
+  max-width: 100%;
+  height: auto;
 }
 
 object,
 embed {
-	height: 100%;
+  height: 100%;
 }
 
 #map_canvas,
 .map_canvas {
-	img,
-	embed,
-	object {
-		max-width: none !important;
-	}
+  img,
+  embed,
+  object {
+    max-width: none !important;
+  }
 }
 
 article,
@@ -102,13 +103,13 @@ main,
 nav,
 section,
 summary {
-	display: block;
+  display: block;
 }
 
 audio,
 canvas,
 video {
-	display: inline-block;
+  display: inline-block;
 }
 
 audio:not([controls]) { display: none; height: 0; }
@@ -131,9 +132,9 @@ figure { margin: 0; }
 
 // Remove default styling from fieldset tag
 fieldset {
-	border  : 0;
-	margin  : 0;
-	padding : 0;
+  border  : 0;
+  margin  : 0;
+  padding : 0;
 }
 
 legend { border: 0; padding: 0; }
@@ -149,11 +150,11 @@ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
 
 // Allow only vertical resizing of textareas.
 textarea {
-	overflow: auto;
-	vertical-align: top;
-	resize: vertical;
-	height: auto;
-	min-height: 50px;
+  overflow: auto;
+  vertical-align: top;
+  resize: vertical;
+  height: auto;
+  min-height: 50px;
 }
 
 table { border-collapse: collapse; border-spacing: 0; }
@@ -169,14 +170,14 @@ table { border-collapse: collapse; border-spacing: 0; }
 .text-justify { text-align: justify !important; }
 .hide         { display: none !important; visibility: hidden !important; }
 .visual-hide  {
-	border: 0 !important;
-	clip: rect(0 0 0 0) !important;
-	height: 1px !important;
-	margin: -1px !important;
-	overflow: hidden !important;
-	padding: 0 !important;
-	position: absolute !important;
-	width: 1px !important;
+  border: 0 !important;
+  clip: rect(0 0 0 0) !important;
+  height: 1px !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
 }
 
 .bold, b, strong { font-weight: 700 !important; }

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

@@ -1,75 +1,78 @@
-@if $include-print {
-	
-/* ------------------------------
-H5BP PRINT
-- Style for printing the website
---------------------------------- */
+// =============
+// EDGE PRINT
+// =============
+
+@if $include-print and not $external-call {
+  
+/* --------------
+  EDGE Print
+-------------- */
 
 @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;
-	}	
+  * {
+    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/assets/sass/edge/components/_tile.scss

@@ -1,12 +1,15 @@
-// ---------------------------------
-// TILE
-//   Based on ZURB's Foundation 4
-// ---------------------------------
+// ==============
+// EDGE TILE
+// ==============
+// Based on Foundation 4 by ZURB
 
 $max-tiles   : 12 !default;
 $tile-gutter : 15px !default;
 
-// Calculate width and padding for tile
+// -----------------------------
+// TILE CALCULATOR
+// - Calculate the size of tile
+// -----------------------------
 @mixin tile-calc (
   $per-row  : 0,
   $gutter   : $tile-gutter,
@@ -29,7 +32,10 @@ $tile-gutter : 15px !default;
   }
 }
 
-// Create tile styling for <ul> and <li>
+// --------------------
+// TILE
+// - Create tile list
+// --------------------
 @mixin tile (
   $large  : 0,
   $small  : 0,
@@ -70,13 +76,21 @@ $tile-gutter : 15px !default;
       }
     }
   } // li
+
+  @if $debug and $external-call {
+    $notes: "large-tile-#{$large}";
+    @if $small > 0 {
+      $notes: $notes + " small-tile-#{$small}";
+    }
+    h-tile: $notes;
+  }
 }
 
-@if $include-tile {
+@if $include-tile and not $external-call {
 
-/* ---------------
-EDGE Block Grid
---------------- */
+/* -----------------
+  EDGE Block Grid
+----------------- */
 
 [class*="-tile-"] {
   @include tile();