Code Clean up

This commit is contained in:
FallenGravity
2019-10-20 18:42:38 +02:00
parent bdc46b1670
commit 3e3eca1b3f
4 changed files with 18574 additions and 4794 deletions

View File

@@ -3,7 +3,6 @@
* Copyright 2014-2015 Materialize * Copyright 2014-2015 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE) * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/ */
/* Radio Buttons /* Radio Buttons
========================================================================== */ ========================================================================== */
[type="radio"]:not(:checked), [type="radio"]:not(:checked),
@@ -13,8 +12,8 @@
opacity: 0; opacity: 0;
} }
[type="radio"]:not(:checked) + label, [type="radio"]:not(:checked)+label,
[type="radio"]:checked + label { [type="radio"]:checked+label {
position: relative; position: relative;
padding-left: 35px; padding-left: 35px;
cursor: pointer; cursor: pointer;
@@ -30,8 +29,8 @@
user-select: none; user-select: none;
} }
[type="radio"] + label:before, [type="radio"]+label:before,
[type="radio"] + label:after { [type="radio"]+label:after {
content: ''; content: '';
position: absolute; position: absolute;
left: 0; left: 0;
@@ -44,85 +43,85 @@
} }
/* Unchecked styles */ /* Unchecked styles */
[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked) + label:after, [type="radio"]:not(:checked)+label:after,
[type="radio"]:checked + label:before, [type="radio"]:checked+label:before,
[type="radio"]:checked + label:after, [type="radio"]:checked+label:after,
[type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked + label:after { [type="radio"].with-gap:checked+label:after {
border-radius: 50%; border-radius: 50%;
} }
[type="radio"]:not(:checked) + label:before, [type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked) + label:after { [type="radio"]:not(:checked)+label:after {
border: 2px solid #5a5a5a; border: 2px solid #5a5a5a;
} }
[type="radio"]:not(:checked) + label:after { [type="radio"]:not(:checked)+label:after {
z-index: -1; z-index: -1;
-webkit-transform: scale(0); -webkit-transform: scale(0);
transform: scale(0); transform: scale(0);
} }
/* Checked styles */ /* Checked styles */
[type="radio"]:checked + label:before { [type="radio"]:checked+label:before {
border: 2px solid transparent; border: 2px solid transparent;
} }
[type="radio"]:checked + label:after, [type="radio"]:checked+label:after,
[type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked + label:after { [type="radio"].with-gap:checked+label:after {
border: 2px solid #26a69a; border: 2px solid #26a69a;
} }
[type="radio"]:checked + label:after, [type="radio"]:checked+label:after,
[type="radio"].with-gap:checked + label:after { [type="radio"].with-gap:checked+label:after {
background-color: #26a69a; background-color: #26a69a;
z-index: 0; z-index: 0;
} }
[type="radio"]:checked + label:after { [type="radio"]:checked+label:after {
-webkit-transform: scale(1.02); -webkit-transform: scale(1.02);
transform: scale(1.02); transform: scale(1.02);
} }
/* Radio With gap */ /* Radio With gap */
[type="radio"].with-gap:checked + label:after { [type="radio"].with-gap:checked+label:after {
-webkit-transform: scale(0.5); -webkit-transform: scale(0.5);
transform: scale(0.5); transform: scale(0.5);
} }
/* Focused styles */ /* Focused styles */
[type="radio"].tabbed:focus + label:before { [type="radio"].tabbed:focus+label:before {
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
} }
/* Disabled Radio With gap */ /* Disabled Radio With gap */
[type="radio"].with-gap:disabled:checked + label:before { [type="radio"].with-gap:disabled:checked+label:before {
border: 2px solid rgba(0, 0, 0, 0.26); border: 2px solid rgba(0, 0, 0, 0.26);
} }
[type="radio"].with-gap:disabled:checked + label:after { [type="radio"].with-gap:disabled:checked+label:after {
border: none; border: none;
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
} }
/* Disabled style */ /* Disabled style */
[type="radio"]:disabled:not(:checked) + label:before, [type="radio"]:disabled:not(:checked)+label:before,
[type="radio"]:disabled:checked + label:before { [type="radio"]:disabled:checked+label:before {
background-color: transparent; background-color: transparent;
border-color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.26);
} }
[type="radio"]:disabled + label { [type="radio"]:disabled+label {
color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26);
} }
[type="radio"]:disabled:not(:checked) + label:before { [type="radio"]:disabled:not(:checked)+label:before {
border-color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.26);
} }
[type="radio"]:disabled:checked + label:after { [type="radio"]:disabled:checked+label:after {
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
border-color: #BDBDBD; border-color: #BDBDBD;
} }
@@ -151,7 +150,7 @@ form p:last-child {
/* checkbox aspect */ /* checkbox aspect */
} }
[type="checkbox"] + label { [type="checkbox"]+label {
position: relative; position: relative;
padding-left: 35px; padding-left: 35px;
cursor: pointer; cursor: pointer;
@@ -169,8 +168,8 @@ form p:last-child {
/* IE10+ */ /* IE10+ */
} }
[type="checkbox"] + label:before, [type="checkbox"]+label:before,
[type="checkbox"]:not(.filled-in) + label:after { [type="checkbox"]:not(.filled-in)+label:after {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
@@ -184,18 +183,18 @@ form p:last-child {
transition: .2s; transition: .2s;
} }
[type="checkbox"]:not(.filled-in) + label:after { [type="checkbox"]:not(.filled-in)+label:after {
border: 0; border: 0;
-webkit-transform: scale(0); -webkit-transform: scale(0);
transform: scale(0); transform: scale(0);
} }
[type="checkbox"]:not(:checked):disabled + label:before { [type="checkbox"]:not(:checked):disabled+label:before {
border: none; border: none;
background-color: rgba(0, 0, 0, 0.26); background-color: rgba(0, 0, 0, 0.26);
} }
[type="checkbox"].tabbed:focus + label:after { [type="checkbox"].tabbed:focus+label:after {
-webkit-transform: scale(1); -webkit-transform: scale(1);
transform: scale(1); transform: scale(1);
border: 0; border: 0;
@@ -204,7 +203,7 @@ form p:last-child {
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
[type="checkbox"]:checked + label:before { [type="checkbox"]:checked+label:before {
top: -4px; top: -4px;
left: -5px; left: -5px;
width: 12px; width: 12px;
@@ -221,13 +220,13 @@ form p:last-child {
transform-origin: 100% 100%; transform-origin: 100% 100%;
} }
[type="checkbox"]:checked:disabled + label:before { [type="checkbox"]:checked:disabled+label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26); border-right: 2px solid rgba(0, 0, 0, 0.26);
border-bottom: 2px solid rgba(0, 0, 0, 0.26); border-bottom: 2px solid rgba(0, 0, 0, 0.26);
} }
/* Indeterminate checkbox */ /* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before { [type="checkbox"]:indeterminate+label:before {
top: -11px; top: -11px;
left: -12px; left: -12px;
width: 10px; width: 10px;
@@ -244,17 +243,17 @@ form p:last-child {
transform-origin: 100% 100%; transform-origin: 100% 100%;
} }
[type="checkbox"]:indeterminate:disabled + label:before { [type="checkbox"]:indeterminate:disabled+label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26); border-right: 2px solid rgba(0, 0, 0, 0.26);
background-color: transparent; background-color: transparent;
} }
[type="checkbox"].filled-in + label:after { [type="checkbox"].filled-in+label:after {
border-radius: 2px; border-radius: 2px;
} }
[type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in+label:before,
[type="checkbox"].filled-in + label:after { [type="checkbox"].filled-in+label:after {
content: ''; content: '';
left: 0; left: 0;
position: absolute; position: absolute;
@@ -263,7 +262,7 @@ form p:last-child {
z-index: 1; z-index: 1;
} }
[type="checkbox"].filled-in:not(:checked) + label:before { [type="checkbox"].filled-in:not(:checked)+label:before {
width: 0; width: 0;
height: 0; height: 0;
border: 3px solid transparent; border: 3px solid transparent;
@@ -275,7 +274,7 @@ form p:last-child {
transform-origin: 100% 100%; transform-origin: 100% 100%;
} }
[type="checkbox"].filled-in:not(:checked) + label:after { [type="checkbox"].filled-in:not(:checked)+label:after {
height: 20px; height: 20px;
width: 20px; width: 20px;
background-color: transparent; background-color: transparent;
@@ -284,7 +283,7 @@ form p:last-child {
z-index: 0; z-index: 0;
} }
[type="checkbox"].filled-in:checked + label:before { [type="checkbox"].filled-in:checked+label:before {
top: 0; top: 0;
left: 1px; left: 1px;
width: 8px; width: 8px;
@@ -299,7 +298,7 @@ form p:last-child {
transform-origin: 100% 100%; transform-origin: 100% 100%;
} }
[type="checkbox"].filled-in:checked + label:after { [type="checkbox"].filled-in:checked+label:after {
top: 0; top: 0;
width: 20px; width: 20px;
height: 20px; height: 20px;
@@ -308,33 +307,33 @@ form p:last-child {
z-index: 0; z-index: 0;
} }
[type="checkbox"].filled-in.tabbed:focus + label:after { [type="checkbox"].filled-in.tabbed:focus+label:after {
border-radius: 2px; border-radius: 2px;
border-color: #5a5a5a; border-color: #5a5a5a;
background-color: rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1);
} }
[type="checkbox"].filled-in.tabbed:checked:focus + label:after { [type="checkbox"].filled-in.tabbed:checked:focus+label:after {
border-radius: 2px; border-radius: 2px;
background-color: #26a69a; background-color: #26a69a;
border-color: #26a69a; border-color: #26a69a;
} }
[type="checkbox"].filled-in:disabled:not(:checked) + label:before { [type="checkbox"].filled-in:disabled:not(:checked)+label:before {
background-color: transparent; background-color: transparent;
border: 2px solid transparent; border: 2px solid transparent;
} }
[type="checkbox"].filled-in:disabled:not(:checked) + label:after { [type="checkbox"].filled-in:disabled:not(:checked)+label:after {
border-color: transparent; border-color: transparent;
background-color: #BDBDBD; background-color: #BDBDBD;
} }
[type="checkbox"].filled-in:disabled:checked + label:before { [type="checkbox"].filled-in:disabled:checked+label:before {
background-color: transparent; background-color: transparent;
} }
[type="checkbox"].filled-in:disabled:checked + label:after { [type="checkbox"].filled-in:disabled:checked+label:after {
background-color: #BDBDBD; background-color: #BDBDBD;
border-color: #BDBDBD; border-color: #BDBDBD;
} }
@@ -359,11 +358,11 @@ form p:last-child {
height: 0; height: 0;
} }
.switch label input[type=checkbox]:checked + .lever { .switch label input[type=checkbox]:checked+.lever {
background-color: #84c7c1; background-color: #84c7c1;
} }
.switch label input[type=checkbox]:checked + .lever:after { .switch label input[type=checkbox]:checked+.lever:after {
background-color: #26a69a; background-color: #26a69a;
left: 24px; left: 24px;
} }
@@ -396,21 +395,21 @@ form p:last-child {
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
} }
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled)~.lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after { input[type=checkbox]:checked:not(:disabled).tabbed:focus~.lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
} }
input[type=checkbox]:not(:disabled) ~ .lever:active:after, input[type=checkbox]:not(:disabled)~.lever:active:after,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after { input[type=checkbox]:not(:disabled).tabbed:focus~.lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
} }
.switch input[type=checkbox][disabled] + .lever { .switch input[type=checkbox][disabled]+.lever {
cursor: default; cursor: default;
} }
.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]+.lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after { .switch label input[type=checkbox][disabled]:checked+.lever:after {
background-color: #BDBDBD; background-color: #BDBDBD;
} }

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff