mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-06 23:00:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merged #25 from rougin:patch-1

Browse Source
This commit is contained in:
Federico Zivolo 2014-09-19 11:12:49 +02:00
parent 8583cad3ec
commit 4f38b59464
3 changed files with 23 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
css-compiled/material-wfont.css
View File

@ -419,6 +419,10 @@ h6,
.form-horizontal .checkbox { .form-horizontal .checkbox {
padding-top: 15px; padding-top: 15px;
} }
.checkbox {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.checkbox label { .checkbox label {
cursor: pointer; cursor: pointer;
padding-left: 45px; padding-left: 45px;
@ -560,7 +564,6 @@ h6,
.checkbox input[type=checkbox][disabled] ~ .check:after { .checkbox input[type=checkbox][disabled] ~ .check:after {
background-color: rgba(0, 0, 0, 0.84); background-color: rgba(0, 0, 0, 0.84);
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
} }
.checkbox input[type=checkbox]:checked ~ .check:after, .checkbox input[type=checkbox]:checked ~ .check:after,
@ -718,8 +721,7 @@ h6,
left: 17px; left: 17px;
width: 10px; width: 10px;
height: 21px; height: 21px;
-ms-transform: rotate(45deg); transform: rotate(45deg);
transform: rotate(45deg);
border-color: #0f9d58; border-color: #0f9d58;
border-left-color: transparent; border-left-color: transparent;
border-top-color: transparent; border-top-color: transparent;
@ -733,8 +735,7 @@ h6,
left: 17px; left: 17px;
width: 4px; width: 4px;
height: 4px; height: 4px;
-ms-transform: rotate(45deg); transform: rotate(45deg);
transform: rotate(45deg);
border-color: #5a5a5a; border-color: #5a5a5a;
border-left-color: #5a5a5a; border-left-color: #5a5a5a;
border-top-color: #5a5a5a; border-top-color: #5a5a5a;
@ -744,8 +745,7 @@ h6,
left: 12px; left: 12px;
width: 18px; width: 18px;
height: 18px; height: 18px;
-ms-transform: rotate(0deg); transform: rotate(0deg);
transform: rotate(0deg);
border-color: #5a5a5a; border-color: #5a5a5a;
border-left-color: #5a5a5a; border-left-color: #5a5a5a;
border-top-color: #5a5a5a; border-top-color: #5a5a5a;
@ -880,7 +880,6 @@ h6,
width: 34px; width: 34px;
border-radius: 100%; border-radius: 100%;
-webkit-transform: scale(0); -webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); transform: scale(0);
-webkit-transition: -webkit-transform .1s, opacity 0.2s 0.4s; -webkit-transition: -webkit-transform .1s, opacity 0.2s 0.4s;
transition: transform .1s, opacity 0.2s 0.4s; transition: transform .1s, opacity 0.2s 0.4s;
@ -890,7 +889,6 @@ h6,
} }
.radio label .ripple.animate { .radio label .ripple.animate {
-webkit-transform: scale(1); -webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); transform: scale(1);
opacity: 0; opacity: 0;
} }
@ -906,7 +904,6 @@ h6,
border-radius: 100%; border-radius: 100%;
background-color: rgba(0, 0, 0, 0.84); background-color: rgba(0, 0, 0, 0.84);
-webkit-transform: scale(0); -webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); transform: scale(0);
} }
.radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .check,
@ -1058,7 +1055,6 @@ h6,
} }
.radio input[type=radio]:checked ~ .check { .radio input[type=radio]:checked ~ .check {
-webkit-transform: scale(0.55); -webkit-transform: scale(0.55);
-ms-transform: scale(0.55);
transform: scale(0.55); transform: scale(0.55);
} }
.radio input[type=radio][disabled] ~ .circle { .radio input[type=radio][disabled] ~ .circle {
@ -1164,7 +1160,6 @@ select[multiple].form-control.focus {
background-color: #5264ae; background-color: #5264ae;
bottom: -1px; bottom: -1px;
-webkit-transform: scaleX(0); -webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0); transform: scaleX(0);
-webkit-transition: -webkit-transform 0s; -webkit-transition: -webkit-transform 0s;
transition: transform 0s; transition: transform 0s;
@ -1172,7 +1167,6 @@ select[multiple].form-control.focus {
.form-control-wrapper .form-control:focus ~ .material-input:before, .form-control-wrapper .form-control:focus ~ .material-input:before,
.form-control-wrapper .form-control.focus ~ .material-input:before { .form-control-wrapper .form-control.focus ~ .material-input:before {
-webkit-transform: scaleX(1); -webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); transform: scaleX(1);
-webkit-transition: -webkit-transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;
@ -1188,7 +1182,6 @@ select[multiple].form-control.focus {
pointer-events: none; pointer-events: none;
opacity: 0.9; opacity: 0.9;
-webkit-transform-origin: left; -webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left; transform-origin: left;
} }
.form-control-wrapper .input-lg ~ .material-input:after { .form-control-wrapper .input-lg ~ .material-input:after {
@ -1644,12 +1637,10 @@ select.form-control.focus {
@-ms-keyframes input-highlight { @-ms-keyframes input-highlight {
0% { 0% {
left: 20%; left: 20%;
-ms-transform: scaleX(20%); transform: scaleX(20%);
transform: scaleX(20%);
} }
99% { 99% {
-ms-transform: scaleX(0); transform: scaleX(0);
transform: scaleX(0);
left: 0; left: 0;
opacity: 1; opacity: 1;
} }
@ -2765,8 +2756,7 @@ fieldset[disabled] .navbar .btn-link:focus {
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
-webkit-transform: translateY(200%); -webkit-transform: translateY(200%);
-ms-transform: translateY(200%); transform: translateY(200%);
transform: translateY(200%);
} }
.snackbar.snackbar-opened { .snackbar.snackbar-opened {
padding: 14px 15px; padding: 14px 15px;
@ -2775,8 +2765,7 @@ fieldset[disabled] .navbar .btn-link:focus {
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
-webkit-transform: none; -webkit-transform: none;
-ms-transform: none; transform: none;
transform: none;
} }
.snackbar.toast { .snackbar.toast {
border-radius: 200px; border-radius: 200px;
@ -2868,7 +2857,6 @@ fieldset[disabled] .navbar .btn-link:focus {
} }
.noUi-horizontal .noUi-handle:active { .noUi-horizontal .noUi-handle:active {
-webkit-transform: scale(2.5); -webkit-transform: scale(2.5);
-ms-transform: scale(2.5);
transform: scale(2.5); transform: scale(2.5);
} }
[disabled].noUi-slider { [disabled].noUi-slider {

34
css-compiled/material.css
View File

@ -418,6 +418,10 @@ h6,
.form-horizontal .checkbox { .form-horizontal .checkbox {
padding-top: 15px; padding-top: 15px;
} }
.checkbox {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.checkbox label { .checkbox label {
cursor: pointer; cursor: pointer;
padding-left: 45px; padding-left: 45px;
@ -559,7 +563,6 @@ h6,
.checkbox input[type=checkbox][disabled] ~ .check:after { .checkbox input[type=checkbox][disabled] ~ .check:after {
background-color: rgba(0, 0, 0, 0.84); background-color: rgba(0, 0, 0, 0.84);
-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
} }
.checkbox input[type=checkbox]:checked ~ .check:after, .checkbox input[type=checkbox]:checked ~ .check:after,
@ -717,8 +720,7 @@ h6,
left: 17px; left: 17px;
width: 10px; width: 10px;
height: 21px; height: 21px;
-ms-transform: rotate(45deg); transform: rotate(45deg);
transform: rotate(45deg);
border-color: #0f9d58; border-color: #0f9d58;
border-left-color: transparent; border-left-color: transparent;
border-top-color: transparent; border-top-color: transparent;
@ -732,8 +734,7 @@ h6,
left: 17px; left: 17px;
width: 4px; width: 4px;
height: 4px; height: 4px;
-ms-transform: rotate(45deg); transform: rotate(45deg);
transform: rotate(45deg);
border-color: #5a5a5a; border-color: #5a5a5a;
border-left-color: #5a5a5a; border-left-color: #5a5a5a;
border-top-color: #5a5a5a; border-top-color: #5a5a5a;
@ -743,8 +744,7 @@ h6,
left: 12px; left: 12px;
width: 18px; width: 18px;
height: 18px; height: 18px;
-ms-transform: rotate(0deg); transform: rotate(0deg);
transform: rotate(0deg);
border-color: #5a5a5a; border-color: #5a5a5a;
border-left-color: #5a5a5a; border-left-color: #5a5a5a;
border-top-color: #5a5a5a; border-top-color: #5a5a5a;
@ -879,7 +879,6 @@ h6,
width: 34px; width: 34px;
border-radius: 100%; border-radius: 100%;
-webkit-transform: scale(0); -webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); transform: scale(0);
-webkit-transition: -webkit-transform .1s, opacity 0.2s 0.4s; -webkit-transition: -webkit-transform .1s, opacity 0.2s 0.4s;
transition: transform .1s, opacity 0.2s 0.4s; transition: transform .1s, opacity 0.2s 0.4s;
@ -889,7 +888,6 @@ h6,
} }
.radio label .ripple.animate { .radio label .ripple.animate {
-webkit-transform: scale(1); -webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); transform: scale(1);
opacity: 0; opacity: 0;
} }
@ -905,7 +903,6 @@ h6,
border-radius: 100%; border-radius: 100%;
background-color: rgba(0, 0, 0, 0.84); background-color: rgba(0, 0, 0, 0.84);
-webkit-transform: scale(0); -webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0); transform: scale(0);
} }
.radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .check,
@ -1057,7 +1054,6 @@ h6,
} }
.radio input[type=radio]:checked ~ .check { .radio input[type=radio]:checked ~ .check {
-webkit-transform: scale(0.55); -webkit-transform: scale(0.55);
-ms-transform: scale(0.55);
transform: scale(0.55); transform: scale(0.55);
} }
.radio input[type=radio][disabled] ~ .circle { .radio input[type=radio][disabled] ~ .circle {
@ -1163,7 +1159,6 @@ select[multiple].form-control.focus {
background-color: #5264ae; background-color: #5264ae;
bottom: -1px; bottom: -1px;
-webkit-transform: scaleX(0); -webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0); transform: scaleX(0);
-webkit-transition: -webkit-transform 0s; -webkit-transition: -webkit-transform 0s;
transition: transform 0s; transition: transform 0s;
@ -1171,7 +1166,6 @@ select[multiple].form-control.focus {
.form-control-wrapper .form-control:focus ~ .material-input:before, .form-control-wrapper .form-control:focus ~ .material-input:before,
.form-control-wrapper .form-control.focus ~ .material-input:before { .form-control-wrapper .form-control.focus ~ .material-input:before {
-webkit-transform: scaleX(1); -webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1); transform: scaleX(1);
-webkit-transition: -webkit-transform 0.2s ease-out; -webkit-transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out; transition: transform 0.2s ease-out;
@ -1187,7 +1181,6 @@ select[multiple].form-control.focus {
pointer-events: none; pointer-events: none;
opacity: 0.9; opacity: 0.9;
-webkit-transform-origin: left; -webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left; transform-origin: left;
} }
.form-control-wrapper .input-lg ~ .material-input:after { .form-control-wrapper .input-lg ~ .material-input:after {
@ -1643,12 +1636,10 @@ select.form-control.focus {
@-ms-keyframes input-highlight { @-ms-keyframes input-highlight {
0% { 0% {
left: 20%; left: 20%;
-ms-transform: scaleX(20%); transform: scaleX(20%);
transform: scaleX(20%);
} }
99% { 99% {
-ms-transform: scaleX(0); transform: scaleX(0);
transform: scaleX(0);
left: 0; left: 0;
opacity: 1; opacity: 1;
} }
@ -2764,8 +2755,7 @@ fieldset[disabled] .navbar .btn-link:focus {
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
-webkit-transform: translateY(200%); -webkit-transform: translateY(200%);
-ms-transform: translateY(200%); transform: translateY(200%);
transform: translateY(200%);
} }
.snackbar.snackbar-opened { .snackbar.snackbar-opened {
padding: 14px 15px; padding: 14px 15px;
@ -2774,8 +2764,7 @@ fieldset[disabled] .navbar .btn-link:focus {
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
-webkit-transform: none; -webkit-transform: none;
-ms-transform: none; transform: none;
transform: none;
} }
.snackbar.toast { .snackbar.toast {
border-radius: 200px; border-radius: 200px;
@ -2867,7 +2856,6 @@ fieldset[disabled] .navbar .btn-link:focus {
} }
.noUi-horizontal .noUi-handle:active { .noUi-horizontal .noUi-handle:active {
-webkit-transform: scale(2.5); -webkit-transform: scale(2.5);
-ms-transform: scale(2.5);
transform: scale(2.5); transform: scale(2.5);
} }
[disabled].noUi-slider { [disabled].noUi-slider {

1
less/checkboxes.less
View File

@ -4,6 +4,7 @@
padding-top: 15px; padding-top: 15px;
} }
.checkbox { .checkbox {
transform: rotate(0deg);
label { label {
cursor: pointer; cursor: pointer;
padding-left: 45px; padding-left: 45px;