material-sass 1.4.1 → 4.0.0.alpha5

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

@@ -1,53 +0,0 @@
-code,
-kbd,
-pre,
-samp {
-	font-family: $font-fam-mono;
-	font-size: 1em;
-}
-
-code {
-	background-color: $offwhite-solid;
-	border: 1px solid $black-divider-solid;
-	border-radius: 4px;
-	color: $brand-color-accent;
-	font-size: 75%;
-	line-height: 1;
-	padding: 2px 4px;
-}
-
-kbd {
-	background-color: $black-text-solid;
-	border-radius: 4px;
-	color: $white-text-solid;
-	font-size: 75%;
-	padding: 2px 4px;
-	kbd {
-		font-size: 100%;
-		font-weight: $font-weight-medium;
-		padding: 0;
-	}
-}
-
-pre {
-	background-color: $offwhite-solid;
-	border: 1px solid $black-divider-solid;
-	border-radius: 2px;
-	color: $black-text-solid;
-	display: block;
-	font-size: $font-size-h6;
-	line-height: $line-height-h6;
-	margin: $margin-md 0;
-	overflow: auto;
-	padding: $margin-sm ($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/components/_dropdown.scss

@@ -1,99 +0,0 @@
-.dropdown {
-	position: relative;
-	z-index: 1;
-	[data-toggle="dropdown"] {
-		cursor: pointer;
-	}
-}
-
-.dropdown-inline {
-	display: inline-block;
-}
-
-.dropdown-menu {
-	background-color: $white;
-	border: 1px solid $black-divider;
-	border-radius: 0 2px 2px 2px;
-	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 0 3px rgba(0, 0, 0, 0.18), 0 1px 3px rgba(0, 0, 0, 0.18);
-	list-style: none;
-	margin: 0 !important;
-	min-width: 100%;
-	opacity: 0;
-	padding-top: $margin-base;
-	padding-right: 0;
-	padding-bottom: $margin-base;
-	padding-left: 0;
-	position: absolute !important;
-		top: 100%;
-		left: 0;
-	transform: scale(0.3, 0);
-	transform-origin: 0 0;
-	transition-duration: 0.3s;
-	transition-property: opacity, transform;
-	transition-timing-function: $timing;
-	.dropdown.open & {
-		opacity: 1;
-		transform: scale(1, 1);
-	}
-	&.dropdown-menu-right,
-	.dropdown.pull-right & {
-		border-radius: 2px 0 2px 2px;
-		// position
-			right: 0;
-			left: auto;
-		transform-origin: 100% 0;
-	}
-	li {
-		> a,
-		> .a {
-			color: $black-text-solid;
-			@include text-overflow();
-			&:focus,
-			&:hover {
-				background-color: $offwhite-solid;
-			}
-		}
-		&.active {
-			> a,
-			> .a {
-				background-color: $offwhite-solid;
-			}
-		}
-	}
-}
-
-.dropdown-toggle {
-	transition: background-color 0.3s $timing;
-	.dropdown.open & {
-		background-color: $offwhite;
-		border-radius: 2px 2px 0 0;
-	}
-}
-
-.dropdown-toggle-btn {
-	margin-right: 1px;
-	margin-left: 1px;
-	padding-right: $grid-gutter;
-	padding-left: $grid-gutter;
-	position: relative;
-	z-index: 1;
-	.dropdown.open & {
-		background-color: $white;
-		box-shadow: none;
-		color: $black-text-solid;
-	}
-	~ .dropdown-menu {
-		min-width: 100%;
-		padding-top: ($btn-height + $margin-base + ($nav-height - $btn-height));
-		// position
-			top: ($margin-base * -1 + ($nav-height - $btn-height) / -2);
-			left: 0;
-		transform: scale(1, 0);
-		&.dropdown-menu-right,
-		.dropdown.pull-right & {
-			// position
-				right: 0;
-				left: auto;
-		}
-	}
-}

data/app/assets/stylesheets/material/components/_form-checkbox.scss

@@ -1,161 +0,0 @@
-.checkbox-adv,
-.radiobtn-adv {
-	font-size: $font-size;
-	line-height: $line-height;
-}
-
-[class*="checkbox-circle"],
-[class*="radiobtn-circle"] {
-	display: block;
-	height: $font-size;
-	position: absolute;
-		top: (($line-height - $font-size) / 2 - 1);
-		left: 0;
-	width: $font-size;
-}
-
-[class*="radiobtn-circle"] {
-	border-radius: 50%;
-}
-
-.checkbox-circle,
-.radiobtn-circle {
-	border: 2px solid $black-sec;
-	transition: border-color 0.3s $timing;
-}
-
-.checkbox-circle {
-	input[type="checkbox"]:focus ~ & {
-		border-color: $black-text;
-	}
-	fieldset[disabled] input[type="checkbox"] ~ &,
-	input[type="checkbox"][disabled] ~ &,
-	.checkbox-adv.disabled input[type="checkbox"] ~ & {
-		border-color: $black-hint;
-	}
-}
-
-.radiobtn-circle {
-	input[type="radio"]:focus ~ & {
-		border-color: $black-text;
-	}
-	input[type="radio"]:checked ~ & {
-		border-color: $brand-color-accent;
-	}
-	fieldset[disabled] input[type="radio"] ~ &,
-	input[type="radio"][disabled] ~ &,
-	.radiobtn-adv.disabled input[type="radio"] ~ & {
-		border-color: $black-hint;
-	}
-	fieldset[disabled] input[type="radio"]:checked ~ &,
-	input[type="radio"]:checked[disabled] ~ &,
-	.radiobtn-adv.disabled input[type="radio"]:checked ~ & {
-		border-color: $brand-color-accent-light;
-	}
-}
-
-.checkbox-circle-check,
-.radiobtn-circle-check {
-	background-color: transparent;
-	transform: scale(0, 0);
-	transition: transform 0.3s $timing;
-	&:after,
-	&:before {
-		background-color: $brand-color-accent;
-		border-radius: 50%;
-		content: "";
-		display: block;
-		opacity: 0;
-		position: absolute;
-	}
-	&:after {
-		height: ($font-size * 5);
-		// position
-			top: ($font-size * -2);
-			left: ($font-size * -2);
-		width: ($font-size * 5);
-	}
-	&:before {
-		height: 100%;
-		// position
-			top: 0;
-			left: 0;
-		transition: opacity 0.3s $timing;
-		width: 100%;
-	}
-}
-
-.checkbox-circle-check {
-	input[type="checkbox"]:checked ~ & {
-		transform: scale(0.5, 0.5);
-		&:after {
-			animation: circle-check 0.6s;
-		}
-	}
-	fieldset[disabled] &,
-	input[type="checkbox"][disabled] ~ &,
-	.checkbox-adv.disabled & {
-		display: none;
-	}
-}
-
-.radiobtn-circle-check {
-	input[type="radio"]:checked ~ & {
-		transform: scale(0.5, 0.5);
-		&:after {
-			animation: circle-check 0.6s;
-		}
-		&:before {
-			opacity: 1;
-		}
-	}
-	fieldset[disabled] &,
-	input[type="radio"][disabled] ~ &,
-	.radiobtn-adv.disabled & {
-		&:after,
-		&:before {
-			display: none;
-		}
-	}
-	fieldset[disabled] input[type="radio"]:checked ~ &,
-	input[type="radio"]:checked[disabled] ~ &,
-	.radiobtn-adv.disabled input[type="radio"]:checked ~ & {
-		background-color: $brand-color-accent-light;
-	}
-}
-
-.checkbox-circle-icon {
-	background-color: $brand-color-accent;
-	color: $brand-text-accent;
-	opacity: 0;
-	transform: scale(0.5, 0.5);
-	transition-duration: 0.3s;
-	transition-property: opacity, transform;
-	transition-timing-function: $timing;
-	&:before {
-		// position
-			top: auto;
-	}
-	input[type="checkbox"]:checked ~ & {
-		opacity: 1;
-		transform: scale(1, 1);
-	}
-	fieldset[disabled] input[type="checkbox"]:checked ~ &,
-	input[type="checkbox"]:checked[disabled] ~ &,
-	.checkbox-adv.disabled input[type="checkbox"]:checked ~ & {
-		background-color: $brand-color-accent-light;
-	}
-}
-
-// animation
-	@keyframes circle-check {
-		0% {
-			opacity: 0;
-		}
-		25% {
-			opacity: 0.25;
-		}
-		100% {
-			opacity: 0;
-		}
-	}

data/app/assets/stylesheets/material/components/_form-floating-label.scss

@@ -1,64 +0,0 @@
-.floating-label {
-	color: $black-hint;
-	cursor: text;
-	display: block;
-	font-size: $font-size;
-	line-height: 1;
-	margin: 0;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-		top: (($input-height - $font-size) / 2);
-		left: 0;
-	text-overflow: ellipsis;
-	transform-origin: 0 0;
-	transition-duration: 0.3s;
-	transition-property: color, transform;
-	transition-timing-function: $timing;
-	white-space: nowrap;
-	.form-group-label [class*="col-"] & {
-		// position
-			left: $grid-gutter;
-	}
-	.form-group-label.control-focus &,
-	.form-group-label.control-highlight & {
-		transform: scale(($font-size-h6 / $font-size), ($font-size-h6 / $font-size)) translateY(($input-height - $line-height) * -1 - ($input-height - $font-size) / 2);
-	}
-	.form-group-label.control-focus & {
-		color: $link-color;
-	}
-}
-
-.form-group-label {
-	margin-top: ($margin-md * 1.5);
-	margin-bottom: ($margin-md * 1.5);
-	position: relative;
-	.form-control {
-		position: relative;
-		z-index: 1;
-		&::placeholder {
-			color: transparent;
-		}
-	}
-	legend + & {
-		margin-top: ($margin-md / 2);
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		.form-group-label.form-group-#{$color} .floating-label {
-			color: nth($palette-list-color, $i);
-		}
-	}
-
-.form-icon-label {
-	cursor: pointer;
-	display: block;
-	font-size: $font-size-h4;
-	line-height: $line-height-h4;
-	padding: (($input-height - $line-height-h4) / 2) 0;
-	transition: color 0.15s $timing;
-}

data/app/assets/stylesheets/material/components/_form-switch.scss

@@ -1,96 +0,0 @@
-.switch {
-	position: relative;
-	&.checkbox,
-	&.radiobtn {
-		label {
-			padding-left: ($font-size-h4 + ($font-size * 5 - $font-size-h4) / 4 + $grid-gutter / 2);
-		}
-	}
-}
-
-.switch-toggle {
-	background-color: $black-hint;
-	border-radius: ($font-size-h6 / 2);
-	cursor: pointer;
-	display: inline-block;
-	height: $font-size-h6;
-	margin-right: ($grid-gutter / 2);
-	position: relative;
-	transition: background-color 0.3s $timing;
-	vertical-align: middle;
-	width: ($font-size-h4 + ($font-size * 5 - $font-size-h4) / 4);
-	&:after,
-	&:before {
-		border-radius: 50%;
-		content: "";
-		display: block;
-		height: $font-size-h4;
-		position: absolute;
-			top:(($font-size-h4 - $font-size-h6) / -2);
-			left: 0;
-		width: $font-size-h4;
-	}
-	&:after {
-		box-shadow: 0 0 0 (($font-size * 5 - $font-size-h4) / 4) rgba(0, 0, 0, 0.1);
-		opacity: 0;
-		transition-duration: 0.3s;
-		transition-property: opacity, transform;
-		transition-timing-function: $timing;
-	}
-	&:active:after {
-		opacity: 1;
-	}
-	&:before {
-		background-color: $white;
-		box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);
-		transition-duration: 0.3s;
-		transition-property: background-color, transform;
-		transition-timing-function: $timing;
-	}
-	input[type="checkbox"]:checked + &,
-	input[type="radio"]:checked + & {
-		background-color: rgba(red($brand-color-accent), green($brand-color-accent), blue($brand-color-accent), 0.5);
-		&:after,
-		&:before {
-			transform: translateX(($font-size * 5 - $font-size-h4) / 4);
-		}
-		&:before {
-			background-color: $brand-color-accent;
-		}
-	}
-	input[type="checkbox"]:checked + &,
-	input[type="radio"]:checked + & {
-		&:active:after {
-			box-shadow: 0 0 0 (($font-size * 5 - $font-size-h4) / 4) rgba(red($brand-color-accent), green($brand-color-accent), blue($brand-color-accent), 0.25);
-		}
-	}
-	.checkbox.switch &,
-	.radiobtn.switch & {
-		position: absolute;
-			top: (($line-height - $font-size-h6) / 2);
-			left: 0;
-	}
-}
-
-// colour
-	@each $color in $palette-list-class {
-		$i: index($palette-list-class, $color);
-
-		@if $color != "brand-accent" {
-			.switch-toggle-#{$color} {
-				input[type="checkbox"]:checked + &,
-				input[type="radio"]:checked + & {
-					background-color: rgba(red(nth($palette-list-color, $i)), green(nth($palette-list-color, $i)), blue(nth($palette-list-color, $i)), 0.5);
-					&:before {
-						background-color: nth($palette-list-color, $i);
-					}
-				}
-				input[type="checkbox"]:checked + &,
-				input[type="radio"]:checked + & {
-					&:active:after {
-						box-shadow: 0 0 0 (($font-size * 5 - $font-size-h4) / 4) rgba(red(nth($palette-list-color, $i)), green(nth($palette-list-color, $i)), blue(nth($palette-list-color, $i)), 0.25);
-					}
-				}
-			}
-		}
-	}