material-sass 0.0.1 → 0.0.2

data/app/assets/javascripts/material/wave.js

@@ -0,0 +1,7 @@
+// waves v0.6.5
+// http://fian.my.id/Waves
+	!function(a,b){"use strict";"function"==typeof define&&define.amd?define([],function(){return b.apply(a)}):"object"==typeof exports?module.exports=b.call(a):a.Waves=b.call(a)}("object"==typeof global?global:this,function(){"use strict";function a(a){return null!==a&&a===a.window}function b(b){return a(b)?b:9===b.nodeType&&b.defaultView}function c(a){var c,d,e={top:0,left:0},f=a&&a.ownerDocument;return c=f.documentElement,"undefined"!=typeof a.getBoundingClientRect&&(e=a.getBoundingClientRect()),d=b(f),{top:e.top+d.pageYOffset-c.clientTop,left:e.left+d.pageXOffset-c.clientLeft}}function d(a){var b="";for(var c in a)a.hasOwnProperty(c)&&(b+=c+":"+a[c]+";");return b}function e(a){if(j.allowEvent(a)===!1)return null;for(var b=null,c=a.target||a.srcElement;null!==c.parentElement;){if(!(c instanceof SVGElement||-1===c.className.indexOf("waves-effect"))){b=c;break}if(c.classList.contains("waves-effect")){b=c;break}c=c.parentElement}return b}function f(a){var b=e(a);null!==b&&(i.show(a,b),"ontouchstart"in window&&(b.addEventListener("touchend",i.hide,!1),b.addEventListener("touchcancel",i.hide,!1)),b.addEventListener("mouseup",i.hide,!1),b.addEventListener("mouseleave",i.hide,!1))}var g=g||{},h=document.querySelectorAll.bind(document),i={duration:750,show:function(a,b){if(2===a.button)return!1;var e=b||this,f=document.createElement("div");f.className="waves-ripple",e.appendChild(f);var g=c(e),h=a.pageY-g.top,j=a.pageX-g.left,k="scale("+e.clientWidth/100*3+")";"touches"in a&&(h=a.touches[0].pageY-g.top,j=a.touches[0].pageX-g.left),f.setAttribute("data-hold",Date.now()),f.setAttribute("data-scale",k),f.setAttribute("data-x",j),f.setAttribute("data-y",h);var l={top:h+"px",left:j+"px"};f.className=f.className+" waves-notransition",f.setAttribute("style",d(l)),f.className=f.className.replace("waves-notransition",""),l["-webkit-transform"]=k,l["-moz-transform"]=k,l["-ms-transform"]=k,l["-o-transform"]=k,l.transform=k,l.opacity="1",l["-webkit-transition-duration"]=i.duration+"ms",l["-moz-transition-duration"]=i.duration+"ms",l["-o-transition-duration"]=i.duration+"ms",l["transition-duration"]=i.duration+"ms",f.setAttribute("style",d(l))},hide:function(a){j.touchup(a);var b=this,c=(1.4*b.clientWidth,null),e=b.getElementsByClassName("waves-ripple");if(!(e.length>0))return!1;c=e[e.length-1];var f=c.getAttribute("data-x"),g=c.getAttribute("data-y"),h=c.getAttribute("data-scale"),k=Date.now()-Number(c.getAttribute("data-hold")),l=350-k;0>l&&(l=0),setTimeout(function(){var a={top:g+"px",left:f+"px",opacity:"0","-webkit-transition-duration":i.duration+"ms","-moz-transition-duration":i.duration+"ms","-o-transition-duration":i.duration+"ms","transition-duration":i.duration+"ms","-webkit-transform":h,"-moz-transform":h,"-ms-transform":h,"-o-transform":h,transform:h};c.setAttribute("style",d(a)),setTimeout(function(){try{b.removeChild(c)}catch(a){return!1}},i.duration)},l)},wrapInput:function(a){for(var b=0;b<a.length;b++){var c=a[b];if("input"===c.tagName.toLowerCase()){var d=c.parentNode;if("i"===d.tagName.toLowerCase()&&-1!==d.className.indexOf("waves-effect"))continue;var e=document.createElement("i");e.className=c.className+" waves-input-wrapper";var f=c.getAttribute("style");f||(f=""),e.setAttribute("style",f),c.className="waves-button-input",c.removeAttribute("style"),d.replaceChild(e,c),e.appendChild(c)}}}},j={touches:0,allowEvent:function(a){var b=!0;return"touchstart"===a.type?j.touches+=1:"touchend"===a.type||"touchcancel"===a.type?setTimeout(function(){j.touches>0&&(j.touches-=1)},500):"mousedown"===a.type&&j.touches>0&&(b=!1),b},touchup:function(a){j.allowEvent(a)}};return g.displayEffect=function(a){a=a||{},"duration"in a&&(i.duration=a.duration),i.wrapInput(h(".waves-effect")),"ontouchstart"in window&&document.body.addEventListener("touchstart",f,!1),document.body.addEventListener("mousedown",f,!1)},g.attach=function(a){"input"===a.tagName.toLowerCase()&&(i.wrapInput([a]),a=a.parentElement),"ontouchstart"in window&&a.addEventListener("touchstart",f,!1),a.addEventListener("mousedown",f,!1)},g});
+
+	Waves.displayEffect({
+		duration: 900
+	});

data/app/assets/javascripts/material/webfont.js

@@ -0,0 +1,33 @@
+// webfont.js
+	WebFontConfig = {
+		classes: false,
+		fontactive: function() {
+			$('.avoid-fout').each(function(index) {
+				$(this).addClass('avoid-fout-done');
+			});
+
+			// fixed left/right hand side column padding bottom and width
+				contentFixPushCal();
+
+			// footer push
+				footerPush();
+
+			// header height
+				headerHeightCal();
+
+			// tile wrap animation
+				tileInView();
+		},
+		google: {
+			families: ['Roboto:300,300italic,400,400italic,700,700italic']
+		}
+	};
+
+	(function() {
+		var wf = document.createElement('script');
+		wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1.5.10/webfont.js';
+		wf.type = 'text/javascript';
+		wf.async = 'true';
+		var s = document.getElementsByTagName('script')[0];
+		s.parentNode.insertBefore(wf, s);
+	})();

data/app/assets/javascripts/material/winresize.js

@@ -1,13 +1,28 @@
-// window resize
+// window smart resize
+	function on_resize(c,t){onresize=function(){clearTimeout(t);t=setTimeout(c,100)};return c};
+
 	on_resize(function() {
 		// fixed left/right hand side column padding bottom and width
-			if ($('.content-fix').length) {
-				contentFixPushCal();
-			};
+			contentFixPushCal();
 
 		// footer push
 			footerPush();
 
 		// header height
 			headerHeightCal();
+
+		// header nav positioning
+			if ($('.header-nav-scroll').length) {
+				headerNavPos();
+			};
+
+		// tab switch
+			$('.tab-nav').each(function() {
+				tabSwitch($('.nav > li.active', $(this)), null);
+			});
+
+		// tile in view
+			if ($('.tile-wrap-animation:not(.isinview)').length) {
+				tileInView();
+			};
 	})();

data/app/assets/stylesheets/material/_code.scss

@@ -5,50 +5,47 @@ samp {
 	font-family: $font-fam-mono;
 }
 
-// code
-	code {
-		background-color: $white-bg;
-		border: 1px solid $black-bg;
-		border-radius: 4px;
-		color: $palette-red-dark;
-		font-size: 75%;
-		line-height: 1;
-		padding: 2px 4px;
-	}
+code {
+	background-color: $white-bg;
+	border: 1px solid $black-bg;
+	border-radius: 4px;
+	color: $palette-red-dark;
+	font-size: 75%;
+	line-height: 1;
+	padding: 2px 4px;
+}
 
-// kbd
+kbd {
+	background-color: $black-text;
+	border-radius: 4px;
+	color: $white;
+	font-size: 75%;
+	padding: 2px 4px;
 	kbd {
-		background-color: $black-text;
-		border-radius: 4px;
-		color: $white;
-		font-size: 75%;
-		padding: 2px 4px;
-		kbd {
-			font-size: 100%;
-			font-weight: 700;
-			padding: 0;
-		}
+		font-size: 100%;
+		font-weight: 700;
+		padding: 0;
 	}
+}
 
-// pre
-	pre {
-		background-color: $white-bg;
-		border: 1px solid $black-bg;
-		border-radius: 2px;
-		color: $black-text;
-		display: block;
-		font-size: $font-size-h6;
-		line-height: $line-height-h6;
-		margin: $line-height 0 ;
-		padding: ($line-height / 2) ($grid-gutter / 2);
-		word-break: break-all;
-		word-wrap: break-word;
-		code {
-			background-color: transparent;
-			border-radius: 0;
-			color: inherit;
-			font-size: inherit;
-			padding: 0;
-			white-space: pre-wrap;
-		}
-	}
+pre {
+	background-color: $white-bg;
+	border: 1px solid $black-bg;
+	border-radius: 2px;
+	color: $black-text;
+	display: block;
+	font-size: $font-size-h6;
+	line-height: $line-height-h6;
+	margin: $line-height 0 ;
+	padding: ($line-height / 2) ($grid-gutter / 2);
+	word-break: break-all;
+	word-wrap: break-word;
+	code {
+		background-color: transparent;
+		border-radius: 0;
+		color: inherit;
+		font-size: inherit;
+		padding: 0;
+		white-space: pre-wrap;
+	}
+}

data/app/assets/stylesheets/material/_grid.scss

@@ -1,83 +1,81 @@
-// make col
-	@include make-col();
-	@include make-grid(xx);
-	// 480
-		@include responsive(xs) {
-			@include make-grid(xs);
-		}
-	// 768
-		@include responsive(sm) {
-			@include make-grid(sm);
-		}
-	// 992
-		@include responsive(md) {
-			@include make-grid(md);
-		}
-	// 1440
-		@include responsive(lg) {
-			@include make-grid(lg);
-		}
-	.col-between {
-		margin-left: ($grid-gutter * -1);
-		position: absolute;
-			top: 0;
-		text-align: center;
-		width: ($grid-gutter * 2);
-	}
-
-// make container
-	.container {
-		@include make-container();
+@include make-col();
+@include make-grid(xx);
+// 480
+	@include responsive(xs) {
+		@include make-grid(xs);
 	}
-
-	.container-full {
-		width: auto;
+// 768
+	@include responsive(sm) {
+		@include make-grid(sm);
 	}
-
-// make row
-	.row {
-		@include make-row();
+// 992
+	@include responsive(md) {
+		@include make-grid(md);
 	}
-	.row-relative {
-		position: relative;
+// 1440
+	@include responsive(lg) {
+		@include make-grid(lg);
 	}
 
-// row clear
-	.row-clear {
-		// 480
-			@media only screen and (min-width: $screen-xs) and (max-width: ($screen-sm - 1)) {
-				> .col-xs-2:nth-child(6n+1),
-				> .col-xs-3:nth-child(4n+1),
-				> .col-xs-4:nth-child(3n+1),
-				> .col-xs-6:nth-child(2n+1) {
-					clear: left;
-				}
+.col-between {
+	margin-left: ($grid-gutter * -1);
+	position: absolute;
+		top: 0;
+	text-align: center;
+	width: ($grid-gutter * 2);
+}
+
+.container {
+	@include make-container();
+}
+
+.container-full {
+	max-width: none;
+}
+
+.row {
+	@include make-row();
+}
+
+.row-clear {
+	// 480
+		@media only screen and (min-width: $screen-xs) and (max-width: ($screen-sm - 1)) {
+			> .col-xs-2:nth-child(6n+1),
+			> .col-xs-3:nth-child(4n+1),
+			> .col-xs-4:nth-child(3n+1),
+			> .col-xs-6:nth-child(2n+1) {
+				clear: left;
 			}
-		// 768
-			@media only screen and (min-width: $screen-sm) and (max-width: ($screen-md - 1)) {
-				> .col-sm-2:nth-child(6n+1),
-				> .col-sm-3:nth-child(4n+1),
-				> .col-sm-4:nth-child(3n+1),
-				> .col-sm-6:nth-child(2n+1) {
-					clear: left;
-				}
+		}
+	// 768
+		@media only screen and (min-width: $screen-sm) and (max-width: ($screen-md - 1)) {
+			> .col-sm-2:nth-child(6n+1),
+			> .col-sm-3:nth-child(4n+1),
+			> .col-sm-4:nth-child(3n+1),
+			> .col-sm-6:nth-child(2n+1) {
+				clear: left;
 			}
-		// 992
-			@media only screen and (min-width: $screen-md) and (max-width: ($screen-lg - 1)) {
-				> .col-md-2:nth-child(6n+1),
-				> .col-md-3:nth-child(4n+1),
-				> .col-md-4:nth-child(3n+1),
-				> .col-md-6:nth-child(2n+1) {
-					clear: left;
-				}
+		}
+	// 992
+		@media only screen and (min-width: $screen-md) and (max-width: ($screen-lg - 1)) {
+			> .col-md-2:nth-child(6n+1),
+			> .col-md-3:nth-child(4n+1),
+			> .col-md-4:nth-child(3n+1),
+			> .col-md-6:nth-child(2n+1) {
+				clear: left;
 			}
-		// 1440
-			@media only screen and (min-width: $screen-lg) {
-				> .col-lg-2:nth-child(6n+1),
-				> .col-lg-3:nth-child(4n+1),
-				> .col-lg-4:nth-child(3n+1),
-				> .col-lg-6:nth-child(2n+1) {
-					clear: left;
-				}
+		}
+	// 1440
+		@media only screen and (min-width: $screen-lg) {
+			> .col-lg-2:nth-child(6n+1),
+			> .col-lg-3:nth-child(4n+1),
+			> .col-lg-4:nth-child(3n+1),
+			> .col-lg-6:nth-child(2n+1) {
+				clear: left;
 			}
-	}
+		}
+}
+
+.row-relative {
+	position: relative;
+}

data/app/assets/stylesheets/material/_print.scss

@@ -0,0 +1,83 @@
+@media print {
+	*,
+	*:after,
+	*:before {
+		background: transparent !important;
+		box-shadow: none !important;
+		text-shadow: none !important;
+	}
+
+	a,
+	a:visited {
+		text-decoration: underline;
+	}
+
+	a[href]:after {
+		content: " (" attr(href) ")";
+	}
+
+	a[href^="#"]:after,
+	a[href^="javascript:"]:after {
+		content: "";
+	}
+
+	abbr[title]:after {
+		content: " (" attr(title) ")";
+	}
+
+	blockquote,
+	pre {
+		border: 1px solid $black-hint;
+		page-break-inside: avoid;
+	}
+
+	img,
+	tr {
+		page-break-inside: avoid;
+	}
+
+	img {
+		max-width: 100% !important;
+	}
+
+	h2,
+	h3,
+	p {
+		orphans: 3;
+		widows: 3;
+	}
+
+	h2,
+	h3 {
+		page-break-after: avoid;
+	}
+
+	thead {
+		display: table-header-group;
+	}
+
+	// material
+		.card,
+		.tile {
+			border: 1px solid $black-hint;
+		}
+
+		.fbtn-container,
+		.menu,
+		.menu-toggle {
+			display: none !important;
+		}
+
+		.footer {
+			page-break-after: always;
+		}
+
+		.header a {
+			color: $link-color;
+		}
+
+		.tab-nav .nav > li.active > a {
+			border-bottom: 3px solid $black-text;
+			padding-bottom: ($line-height / 2 - 3);
+		}
+}

data/app/assets/stylesheets/material/_reset.scss

@@ -1,4 +1,4 @@
-@import url(//fonts.googleapis.com/css?family=Roboto:300,400,400italic,700);
+// @import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,700,700italic);
 
 *,
 *:after,
@@ -6,21 +6,10 @@
 	@include box-sizing(border-box);
 }
 
-@-webkit-viewport {
-	width: device-width;
-}
-@-moz-viewport {
-	width: device-width;
-}
+
 @-ms-viewport {
 	width: device-width;
 }
-@-o-viewport {
-	width: device-width;
-}
-@viewport {
-	width: device-width;
-}
 
 // basic
 	article,
@@ -48,6 +37,7 @@
 		line-height: $line-height;
 		margin: 0;
 		padding: 0;
+		-webkit-font-smoothing: subpixel-antialiased;
 	}
 
 	html {
@@ -192,8 +182,9 @@
 		font-size: $font-size-h3;
 		font-weight: 400;
 		line-height: $line-height-h3;
-		margin: 0;
+		margin: 0 0 $line-height;
 		padding: 0;
+		width: 100%;
 	}
 
 	optgroup {
@@ -209,7 +200,91 @@
 		overflow: auto;
 	}
 
-// heading
+// text
+	a {
+		background-color: transparent;
+		background-image: none;
+		color: $link-color;
+		text-decoration: none;
+		&:focus,
+		&:hover {
+			color: $link-color-hover;
+			outline: 0;
+			text-decoration: underline;
+		}
+	}
+
+	abbr {
+		border-bottom: 1px dotted $black-hint;
+		cursor: help;
+	}
+
+	address {
+		font-size: $font-size;
+		font-style: normal;
+		font-weight: 400;
+		line-height: $line-height;
+		margin: $line-height 0;
+	}
+
+	b,
+	strong {
+		font-weight: 700;
+	}
+
+	blockquote,
+	q {
+		font-size: $font-size-h4;
+		font-style: italic;
+		font-weight: 300;
+		line-height: $line-height-h4;
+		margin: ($line-height * 1.5) 0;
+		padding-right: ($grid-gutter * 2);
+		padding-left: ($grid-gutter * 2);
+		position: relative;
+		&:after,
+		&:before {
+			color: $brand-color;
+			display: block;
+			font-size: $font-size-h1;
+			font-weight: 700;
+			line-height: 0;
+			position: absolute;
+				top: 0;
+		}
+		&:after {
+			content: close-quote;
+			// position
+				right: 0;
+		}
+		&:before {
+			border-right: 1px solid $brand-color-light;
+			content: open-quote;
+			// position
+				bottom: 0;
+				left: 0;
+			width: ($grid-gutter / 2);
+		}
+	}
+
+	dd,
+	dt,
+	li {
+		line-height: $line-height;
+	}
+
+	dd {
+		margin: 0;
+	}
+
+	dl {
+		margin: $line-height 0;
+	}
+
+	dt {
+		font-weight: 700;
+	}
+
 	h1,
 	h2,
 	h3,
@@ -279,7 +354,6 @@
 		}
 	}
 
-// hr
 	hr,
 	.hr {
 		border: 0;
@@ -291,45 +365,11 @@
 		@include box-sizing(content-box);
 	}
 
-// image
 	img {
 		border: 0;
 		vertical-align: middle;
 	}
 
-// link
-	a {
-		background-color: transparent;
-		background-image: none;
-		color: $link-color;
-		text-decoration: none;
-		&:focus,
-		&:hover {
-			color: $link-color-hover;
-			outline: 0;
-			text-decoration: underline;
-		}
-	}
-
-// list
-	dd,
-	dt,
-	li {
-		line-height: $line-height;
-	}
-
-	dd {
-		margin: 0;
-	}
-
-	dl {
-		margin: $line-height 0;
-	}
-
-	dt {
-		font-weight: 700;
-	}
-
 	ol,
 	ul {
 		margin: $line-height 0;
@@ -341,40 +381,6 @@
 		}
 	}
 
-// table
-	table {
-		border-collapse: collapse;
-		border-spacing: 0;
-	}
-
-	td,
-	th {
-		padding: 0;
-	}
-
-	th {
-		text-align: left;
-	}
-
-// text
-	abbr {
-		border-bottom: 1px dotted $black-hint;
-		cursor: help;
-	}
-
-	address {
-		font-size: $font-size;
-		font-style: normal;
-		font-weight: 400;
-		line-height: $line-height;
-		margin: $line-height 0;
-	}
-
-	b,
-	strong {
-		font-weight: 700;
-	}
-
 	p {
 		margin: $line-height 0;
 	}
@@ -400,4 +406,18 @@
 	sup {
 		// position
 			top: -0.5em;
+	}
+
+	table {
+		border-collapse: collapse;
+		border-spacing: 0;
+	}
+
+	td,
+	th {
+		padding: 0;
+	}
+
+	th {
+		text-align: left;
 	}