material-sass 0.0.4 → 1.0.0

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

@@ -1,47 +0,0 @@
-// webfont.js
-	WebFontConfig = {
-		classes: false,
-		google: {
-			families: ['Roboto:300,300italic,400,400italic,700,700italic']
-		},
-		// callbacks
-			active: 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();
-
-				// tab indicator
-					$('.tab-nav').each(function() {
-						tabSwitch($('.nav > li.active', $(this)), null);
-					});
-
-				// tile wrap animation
-					tileInView();
-			},
-			inactive: function() {
-				$('.avoid-fout').each(function(index) {
-					$(this).addClass('avoid-fout-done');
-				});
-
-				// tile wrap animation
-					tileInView();
-			}
-	};
-
-	(function() {
-		var wf = document.createElement('script');
-		wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1.5.18/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,28 +0,0 @@
-// window smart resize
-	on_resize = function (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
-			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/_variable.scss

@@ -1,120 +0,0 @@
-// base
-	$base: 8px;
-	$css-path: ".";
-
-// colour
-	// basic colour
-		$palette-blue:           #2196f3;
-		$palette-blue-dark:      #0d47a1;
-		$palette-blue-dark-m:    #1976d2;
-		$palette-blue-light:     #bbdefb;
-		$palette-blue-light-m:   #64b5f6;
-
-		$palette-green:          #8bc34a;
-		$palette-green-dark:     #33691e;
-		$palette-green-dark-m:   #689f38;
-		$palette-green-light:    #dcedc8;
-		$palette-green-light-m:  #aed581;
-
-		$palette-purple:         #9c27b0;
-		$palette-purple-dark:    #4a148c;
-		$palette-purple-dark-m:  #7b1fa2;
-		$palette-purple-light:   #e1bee7;
-		$palette-purple-light-m: #ba68c8;
-
-		$palette-red:            #f44336;
-		$palette-red-dark:       #b71c1c;
-		$palette-red-dark-m:     #d32f2f;
-		$palette-red-light:      #ffcdd2;
-		$palette-red-light-m:    #e57373;
-
-		$palette-yellow:         #ffc107;
-		$palette-yellow-dark:    #ff6f00;
-		$palette-yellow-dark-m:  #ffa000;
-		$palette-yellow-light:   #ffecb3;
-		$palette-yellow-light-m: #ffd54f;
-
-	// black and white
-		$black:                  #000000;
-		$black-bg:               #e0e0e0;
-		$black-hint:             #9e9e9e;
-		$black-sec:              #616161;
-		$black-text:             #212121;
-
-		$white:                  #ffffff;
-		$white-bg:               #f5f5f5;
-		$white-bg-dark:          #eeeeee;
-		$white-bg-light:         #fafafa;
-
-	// brand colour
-		$brand-color:            #4caf50;
-		$brand-color-dark:       #1b5e20;
-		$brand-color-dark-m:     #388e3c;
-		$brand-color-light:      #c8e6c9;
-		$brand-color-light-m:    #81c784;
-
-	// list
-		$palette-color:         $brand-color, $palette-blue, $palette-green, $palette-purple, $palette-red, $palette-yellow;
-		$palette-color-dark:    $brand-color-dark, $palette-blue-dark, $palette-green-dark, $palette-purple-dark, $palette-red-dark, $palette-yellow-dark;
-		$palette-color-dark-m:  $brand-color-dark-m, $palette-blue-dark-m, $palette-green-dark-m, $palette-purple-dark-m, $palette-red-dark-m, $palette-yellow-dark-m;
-		$palette-color-light:   $brand-color-light, $palette-blue-light, $palette-green-light, $palette-purple-light, $palette-red-light, $palette-yellow-light;
-		$palette-color-light-m: $brand-color-light-m, $palette-blue-light-m, $palette-green-light-m, $palette-purple-light-m, $palette-red-light-m, $palette-yellow-light-m;
-		$palette-list:          "alt", "blue", "green", "purple", "red", "yellow";
-
-// font
-	$font-fam:       Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
-	$font-fam-mono:  Monaco, Menlo, Consolas, "Courier New", monospace;
-	$font-fam-serif: Georgia, serif;
-
-	// font size
-		$font-size:    ($base * 2);         // 16px
-		$font-size-h1: ($base * 5.5);       // 44px
-		$font-size-h2: ($base * 4.5);       // 36px
-		$font-size-h3: ($base * 3.5);       // 28px
-		$font-size-h4: ($base * 2.5);       // 20px
-		$font-size-h5: ($base * 2);         // 16px
-		$font-size-h6: ($base * 1.5);       // 12px
-		$font-size-lg: ($base * 7.5);       // 60px
-
-	// font weight
-		$font-weight:       400;
-		$font-weight-bold:  700;
-		$font-weight-light: 300;
-
-	// line height
-		$line-height:    ($base * 3);       // 24px
-		$line-height-h1: ($base * 6);       // 48px
-		$line-height-h2: ($base * 5);       // 40px
-		$line-height-h3: ($base * 4);       // 32px
-		$line-height-h4: ($base * 3.5);     // 28px
-		$line-height-h5: ($base * 3);       // 24px
-		$line-height-h6: ($base * 2.5);     // 20px
-		$line-height-lg: ($base * 9);       // 72px
-
-	// other
-		$btn-height:   (($base * 3) * 1.5); // 36px
-		$cell-height:  (($base * 3) * 2);   // 48px
-		$input-height: (($base * 3) * 1.5); // 36px
-
-// grid
-	$grid-cols: 12;
-	$grid-gutter: ($base * 2);
-
-// link
-	$link-color: $palette-blue;
-	$link-color-hover: $palette-blue-dark;
-
-// responsive
-	$screen-lg: 1440px;
-	$screen-md: 992px;
-	$screen-sm: 768px;
-	$screen-xs: 480px;
-
-// timing
-	$timing: cubic-bezier(0.4, 0, 0.2, 1);
-
-// z-index
-	$bottom-base:  10;
-	$content-base: 20;
-	$header-base:  30;
-	$top-base:     40;

data/app/assets/stylesheets/material/addon/_material-design-icon.scss

@@ -1,9 +0,0 @@
-// material design icons v2.0.0
-// http://google.github.io/material-design-icons/#icon-font-for-the-web
-	@import "material-design-icon/variables";
-
-	@import "material-design-icon/path";
-
-	@import "material-design-icon/core";
-
-	@import "material-design-icon/larger";

data/app/assets/stylesheets/material/addon/_waves.scss

@@ -1,45 +0,0 @@
-.waves-button,
-.waves-circle {
-	transform: translateZ(0);
-}
-
-.waves-effect {
-	overflow: hidden;
-	position: relative;
-	-webkit-tap-highlight-color: transparent;
-	.waves-ripple {
-		background-color: rgba(0, 0, 0, 0.1);
-		$gradient: rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(255, 255, 255, 0) 60%;
-		background-image: radial-gradient($gradient);
-		border-radius: 50%;
-		height: 100px;
-		margin-top: -50px;
-		margin-left: -50px;
-		opacity: 0;
-		pointer-events: none;
-		position: absolute;
-		transform: scale(0);
-		transition: all 0.3s $timing;
-		transition-property: opacity, transform;
-		width: 100px;
-
-	}
-	&.waves-light .waves-ripple {
-		background-color: rgba(255, 255, 255, 0.4);
-		$gradient: rgba(255, 255, 255, 0.1) 0, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 60%;
-		background-image: radial-gradient($gradient);
-	}
-	@each $color in $palette-list {
-		$i: index($palette-list, $color);
-
-		&.waves-color-#{$color} .waves-ripple {
-			background-color: nth($palette-color-light, $i);
-			$gradient: rgba(red(nth($palette-color, $i)), green(nth($palette-color, $i)), blue(nth($palette-color, $i)), 0.1) 0, rgba(red(nth($palette-color, $i)), green(nth($palette-color, $i)), blue(nth($palette-color, $i)), 1) 100%;
-			background-image: radial-gradient($gradient);
-		}
-	}
-}
-
-.waves-notransition {
-	transition: none !important;
-}

data/app/assets/stylesheets/material/addon/material-design-icon/_path.scss

@@ -1,11 +0,0 @@
-@font-face {
-	font-family: 'Material Icons';
-	font-style: normal;
-	font-weight: $font-weight;
-	src: font-url("MaterialIcons-Regular.eot?v=#{$mdversion}");
-	src: local('Material Icons'),
-	     local('MaterialIcons-Regular'),
-	     font-url("MaterialIcons-Regular.woff2?v=#{$mdversion}") format("woff2"),
-	     font-url("MaterialIcons-Regular.woff?v=#{$mdversion}") format("woff"),
-	     font-url("MaterialIcons-Regular.ttf?v=#{$mdversion}") format("truetype"),
-}

data/app/assets/stylesheets/material/addon/material-design-icon/_variables.scss

@@ -1,3 +0,0 @@
-$mdicon-css-prefix: icon !default;
-$mdfont-path: "#{$css-path}/fonts" !default;
-$mdversion: "2.0.0" !default;

data/app/assets/stylesheets/material/element/_avatar.scss

@@ -1,67 +0,0 @@
-.avatar {
-	background-color: $black-bg;
-	border-radius: 50%;
-	color: $black-text;
-	display: block;
-	height: ($line-height * 2);
-	line-height: ($line-height * 2);
-	text-align: center;
-	width: ($line-height * 2);
-	&:focus,
-	&:hover {
-		text-decoration: none;
-	}
-	&.pull-left {
-		margin-right: $grid-gutter;
-	}
-	&.pull-right {
-		margin-left: $grid-gutter;
-	}
-	img {
-		border-radius: 50%;
-		height: 100%;
-		vertical-align: top;
-		width: 100%;
-	}
-	.fa {
-		display: block;
-		height: 100%;
-		line-height: inherit;
-		text-align: center;
-	}
-	.fa-text {
-		font-family: inherit;
-	}
-}
-
-// colour
-	@each $color in $palette-list {
-		$i: index($palette-list, $color);
-
-		.avatar-#{$color} {
-			background-color: nth($palette-color, $i);
-			color: $white;
-		}
-	}
-
-.avatar-inline {
-	display: inline-block;
-}
-
-.avatar-lg {
-	height: ($line-height * 4);
-	line-height: ($line-height * 4);
-	width: ($line-height * 4);
-}
-
-.avatar-sm {
-	height: ($line-height * 1.5);
-	line-height: ($line-height * 1.5);
-	margin-top: ($line-height * -0.25);
-	margin-bottom: ($line-height * -0.25);
-	width: ($line-height * 1.5);
-}
-
-.avatar-transparent {
-	background-color: transparent;
-}

data/app/assets/stylesheets/material/element/_button-flat.scss

@@ -1,32 +0,0 @@
-.btn-flat {
-	background-color: transparent;
-	box-shadow: none;
-	&:active,
-	&:focus,
-	&:hover {
-		background-color: $black-bg;
-		box-shadow: none;
-	}
-	&[disabled],
-	fieldset[disabled] & {
-		color: $black-text;
-	}
-}
-
-// colour
-	@each $color in $palette-list {
-		$i: index($palette-list, $color);
-
-		.btn-flat.btn-#{$color} {
-			color: nth($palette-color, $i);
-			&:active,
-			&:focus,
-			&:hover {
-				background-color: nth($palette-color-light, $i);
-			}
-			&[disabled],
-			fieldset[disabled] & {
-				color: nth($palette-color, $i);
-			}
-		}
-	}

data/app/assets/stylesheets/material/element/_button-float.scss

@@ -1,202 +0,0 @@
-.fbtn {
-	background-color: $black-bg;
-	border-radius: 50%;
-	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
-	clear: both;
-	color: $black-text;
-	cursor: pointer;
-	display: block;
-	font-size: $line-height;
-	margin: ($line-height / 2) auto;
-	padding: ($line-height / 2) 0;
-	position: relative;
-	text-align: center;
-	transition: all 0.3s $timing;
-	transition-property: box-shadow, opacity, transform;
-	width: ($line-height * 2);
-}
-
-a.fbtn {
-	&:focus,
-	&:hover {
-		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
-		color: $black-text;
-	}
-}
-
-// colour
-	@each $color in $palette-list {
-		$i: index($palette-list, $color);
-
-		.fbtn-#{$color} {
-			background-color: nth($palette-color, $i);
-			color: $white !important;
-		}
-	}
-
-// size
-	.fbtn-lg {
-		padding: ($line-height * 0.75) 0;
-		width: ($line-height * 2.5);
-		.fbtn-sub {
-			// position
-				top: ($line-height * 0.75);
-		}
-		~ .fbtn-dropdown {
-			min-width: ($grid-gutter * 2 + $line-height * 2.5);
-		}
-	}
-
-.fbtn-container {
-	backface-visibility: hidden;
-	position: fixed;
-		right: $grid-gutter;
-		bottom: ($line-height / 2);
-	transition: margin-bottom 0.3s $timing, right 0.3s $timing;
-	z-index: ($content-base + 1);
-}
-
-.fbtn-dropdown {
-	max-height: 0;
-	overflow: hidden;
-	padding-right: $grid-gutter;
-	padding-left: $grid-gutter;
-	position: absolute;
-		right: ($grid-gutter * -1);
-		bottom: 100%;
-	transition: max-height 0s 0.5s;
-	.fbtn-inner.open & {
-		max-height: 99999px;
-		overflow: visible;
-		transition: max-height 0s;
-	}
-	.fbtn {
-		opacity: 0;
-		transform: scale(0.5);
-		&:nth-last-child(1) {
-			transition-delay: 300ms;
-		}
-		&:nth-last-child(2) {
-			transition-delay: 250ms;
-		}
-		&:nth-last-child(3) {
-			transition-delay: 200ms;
-		}
-		&:nth-last-child(4) {
-			transition-delay: 150ms;
-		}
-		&:nth-last-child(5) {
-			transition-delay: 100ms;
-		}
-		&:nth-last-child(6) {
-			transition-delay: 50ms;
-		}
-		.fbtn-inner.open & {
-			opacity: 1;
-			transform: scale(1);
-			transition-delay: 300ms;
-			&:nth-last-child(1) {
-				transition-delay: 0s;
-			}
-			&:nth-last-child(2) {
-				transition-delay: 50ms;
-			}
-			&:nth-last-child(3) {
-				transition-delay: 100ms;
-			}
-			&:nth-last-child(4) {
-				transition-delay: 150ms;
-			}
-			&:nth-last-child(5) {
-				transition-delay: 200ms;
-			}
-			&:nth-last-child(6) {
-				transition-delay: 250ms;
-			}
-		}
-	}
-}
-
-.fbtn-ori,
-.fbtn-sub {
-	transition: all 0.3s $timing;
-	transition-property: opacity, transform;
-	&.#{$mdicon-css-prefix} {
-		vertical-align: bottom;
-	}
-}
-
-.fbtn-ori {
-	.fbtn-inner.open & {
-		opacity: 0;
-		transform: rotate(225deg);
-	}
-}
-
-.fbtn-rotate {
-	transition: all 0.3s $timing;
-	transition-property: opacity, transform;
-	.fbtn-inner.open & {
-		transform: rotate(225deg);
-	}
-}
-
-.fbtn-sub {
-	opacity: 0;
-	position: absolute;
-		top: ($line-height / 2);
-		left: 0;
-	text-align: center;
-	transform: rotate(-225deg);
-	width: 100%;
-	.fbtn-inner.open & {
-		opacity: 1;
-		transform: rotate(0);
-	}
-}
-
-.fbtn-text {
-	background-color: $black-text;
-	background-color: rgba(0, 0, 0, 0.8);
-	border-radius: 2px;
-	color: $white;
-	font-size: $font-size-h6;
-	height: 0;
-	margin-top: ($line-height / -2);
-	margin-right: $grid-gutter;
-	opacity: 0;
-	overflow: hidden;
-	padding-right: ($grid-gutter / 2);
-	padding-left: ($grid-gutter / 2);
-	position: absolute;
-		top: 50%;
-		right: 100%;
-	transition: opacity 0.3s $timing;
-	white-space: nowrap;
-	width: 0;
-	// touch & no touch
-		.no-touch .fbtn:hover & {
-			height: auto;
-			opacity: 1;
-			width: auto;
-		}
-		.no-touch .fbtn-dropdown .fbtn:hover & {
-			height: 0;
-			opacity: 0;
-			width: 0;
-		}
-		.no-touch .fbtn-inner.open .fbtn-dropdown .fbtn:hover & {
-			height: auto;
-			opacity: 1;
-			width: auto;
-		}
-		.touch & {
-			display: none;
-			height: auto;
-			opacity: 1;
-			width: auto;
-		}
-		.touch .fbtn-inner.open & {
-			display: block;
-		}
-}