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