From f744514e1fb9160a9a60057865fec10ac2c919da Mon Sep 17 00:00:00 2001 From: Federico Zivolo Date: Fri, 19 Sep 2014 11:12:49 +0200 Subject: [PATCH] Merged #25 from rougin:patch-1 --- css-compiled/material-wfont.css | 34 +++++++++++---------------------- css-compiled/material.css | 34 +++++++++++---------------------- less/checkboxes.less | 1 + 3 files changed, 23 insertions(+), 46 deletions(-) diff --git a/css-compiled/material-wfont.css b/css-compiled/material-wfont.css index d87a7a94..0ef65014 100644 --- a/css-compiled/material-wfont.css +++ b/css-compiled/material-wfont.css @@ -419,6 +419,10 @@ h6, .form-horizontal .checkbox { padding-top: 15px; } +.checkbox { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); +} .checkbox label { cursor: pointer; padding-left: 45px; @@ -560,7 +564,6 @@ h6, .checkbox input[type=checkbox][disabled] ~ .check:after { background-color: rgba(0, 0, 0, 0.84); -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .checkbox input[type=checkbox]:checked ~ .check:after, @@ -718,8 +721,7 @@ h6, left: 17px; width: 10px; height: 21px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -733,8 +735,7 @@ h6, left: 17px; width: 4px; height: 4px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -744,8 +745,7 @@ h6, left: 12px; width: 18px; height: 18px; - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -880,7 +880,6 @@ h6, width: 34px; border-radius: 100%; -webkit-transform: scale(0); - -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .1s, opacity 0.2s 0.4s; transition: transform .1s, opacity 0.2s 0.4s; @@ -890,7 +889,6 @@ h6, } .radio label .ripple.animate { -webkit-transform: scale(1); - -ms-transform: scale(1); transform: scale(1); opacity: 0; } @@ -906,7 +904,6 @@ h6, border-radius: 100%; background-color: rgba(0, 0, 0, 0.84); -webkit-transform: scale(0); - -ms-transform: scale(0); transform: scale(0); } .radio input[type=radio]:checked ~ .check, @@ -1058,7 +1055,6 @@ h6, } .radio input[type=radio]:checked ~ .check { -webkit-transform: scale(0.55); - -ms-transform: scale(0.55); transform: scale(0.55); } .radio input[type=radio][disabled] ~ .circle { @@ -1164,7 +1160,6 @@ select[multiple].form-control.focus { background-color: #5264ae; bottom: -1px; -webkit-transform: scaleX(0); - -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-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 { -webkit-transform: scaleX(1); - -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; @@ -1188,7 +1182,6 @@ select[multiple].form-control.focus { pointer-events: none; opacity: 0.9; -webkit-transform-origin: left; - -ms-transform-origin: left; transform-origin: left; } .form-control-wrapper .input-lg ~ .material-input:after { @@ -1644,12 +1637,10 @@ select.form-control.focus { @-ms-keyframes input-highlight { 0% { left: 20%; - -ms-transform: scaleX(20%); - transform: scaleX(20%); + transform: scaleX(20%); } 99% { - -ms-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); left: 0; 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; 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%); - -ms-transform: translateY(200%); - transform: translateY(200%); + transform: translateY(200%); } .snackbar.snackbar-opened { 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; 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; - -ms-transform: none; - transform: none; + transform: none; } .snackbar.toast { border-radius: 200px; @@ -2868,7 +2857,6 @@ fieldset[disabled] .navbar .btn-link:focus { } .noUi-horizontal .noUi-handle:active { -webkit-transform: scale(2.5); - -ms-transform: scale(2.5); transform: scale(2.5); } [disabled].noUi-slider { diff --git a/css-compiled/material.css b/css-compiled/material.css index e89725aa..ea69a961 100644 --- a/css-compiled/material.css +++ b/css-compiled/material.css @@ -418,6 +418,10 @@ h6, .form-horizontal .checkbox { padding-top: 15px; } +.checkbox { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); +} .checkbox label { cursor: pointer; padding-left: 45px; @@ -559,7 +563,6 @@ h6, .checkbox input[type=checkbox][disabled] ~ .check:after { background-color: rgba(0, 0, 0, 0.84); -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .checkbox input[type=checkbox]:checked ~ .check:after, @@ -717,8 +720,7 @@ h6, left: 17px; width: 10px; height: 21px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #0f9d58; border-left-color: transparent; border-top-color: transparent; @@ -732,8 +734,7 @@ h6, left: 17px; width: 4px; height: 4px; - -ms-transform: rotate(45deg); - transform: rotate(45deg); + transform: rotate(45deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -743,8 +744,7 @@ h6, left: 12px; width: 18px; height: 18px; - -ms-transform: rotate(0deg); - transform: rotate(0deg); + transform: rotate(0deg); border-color: #5a5a5a; border-left-color: #5a5a5a; border-top-color: #5a5a5a; @@ -879,7 +879,6 @@ h6, width: 34px; border-radius: 100%; -webkit-transform: scale(0); - -ms-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform .1s, opacity 0.2s 0.4s; transition: transform .1s, opacity 0.2s 0.4s; @@ -889,7 +888,6 @@ h6, } .radio label .ripple.animate { -webkit-transform: scale(1); - -ms-transform: scale(1); transform: scale(1); opacity: 0; } @@ -905,7 +903,6 @@ h6, border-radius: 100%; background-color: rgba(0, 0, 0, 0.84); -webkit-transform: scale(0); - -ms-transform: scale(0); transform: scale(0); } .radio input[type=radio]:checked ~ .check, @@ -1057,7 +1054,6 @@ h6, } .radio input[type=radio]:checked ~ .check { -webkit-transform: scale(0.55); - -ms-transform: scale(0.55); transform: scale(0.55); } .radio input[type=radio][disabled] ~ .circle { @@ -1163,7 +1159,6 @@ select[multiple].form-control.focus { background-color: #5264ae; bottom: -1px; -webkit-transform: scaleX(0); - -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-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 { -webkit-transform: scaleX(1); - -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; @@ -1187,7 +1181,6 @@ select[multiple].form-control.focus { pointer-events: none; opacity: 0.9; -webkit-transform-origin: left; - -ms-transform-origin: left; transform-origin: left; } .form-control-wrapper .input-lg ~ .material-input:after { @@ -1643,12 +1636,10 @@ select.form-control.focus { @-ms-keyframes input-highlight { 0% { left: 20%; - -ms-transform: scaleX(20%); - transform: scaleX(20%); + transform: scaleX(20%); } 99% { - -ms-transform: scaleX(0); - transform: scaleX(0); + transform: scaleX(0); left: 0; 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; 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%); - -ms-transform: translateY(200%); - transform: translateY(200%); + transform: translateY(200%); } .snackbar.snackbar-opened { 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; 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; - -ms-transform: none; - transform: none; + transform: none; } .snackbar.toast { border-radius: 200px; @@ -2867,7 +2856,6 @@ fieldset[disabled] .navbar .btn-link:focus { } .noUi-horizontal .noUi-handle:active { -webkit-transform: scale(2.5); - -ms-transform: scale(2.5); transform: scale(2.5); } [disabled].noUi-slider { diff --git a/less/checkboxes.less b/less/checkboxes.less index e3e471ac..34d87f9d 100644 --- a/less/checkboxes.less +++ b/less/checkboxes.less @@ -4,6 +4,7 @@ padding-top: 15px; } .checkbox { + transform: rotate(0deg); label { cursor: pointer; padding-left: 45px;