From e0175e31ec10718bb425fa13e057ce3fe195f162 Mon Sep 17 00:00:00 2001 From: Antonis Karamitros Date: Mon, 10 Nov 2014 16:27:46 +0000 Subject: [PATCH 1/2] add "transform" vendor prefixes --- docs/dist/less/components/checkbox.less | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) diff --git a/docs/dist/less/components/checkbox.less b/docs/dist/less/components/checkbox.less index 8b0c391bf4a8c2..c143016b1e5788 100644 --- a/docs/dist/less/components/checkbox.less +++ b/docs/dist/less/components/checkbox.less @@ -37,13 +37,13 @@ input { display: @checkbox-input-display; } - - .mui-checkbox-label { + + .mui-checkbox-label { position: relative; left: @checkbox-label-spacing; padding: 0 5px; - } - + } + .mui-checkbox-box { .ease-out; background-color: @checkbox-box-background-color; @@ -52,6 +52,9 @@ box-sizing: @checkbox-box-box-sizing; height: @checkbox-box-size; position: @checkbox-box-position; + -webkit-transform: @checkbox-box-transform; + -moz-transform: @checkbox-box-transform; + -ms-transform: @checkbox-box-transform; transform: @checkbox-box-transform; transform-origin: @checkbox-box-transform-origin; width: @checkbox-box-size; @@ -65,6 +68,9 @@ height: @checkbox-check-height; left: @checkbox-check-fix-left; position: @checkbox-check-position; + -webkit-transform: @checkbox-check-transform; + -moz-transform: @checkbox-check-transform; + -ms-transform: @checkbox-check-transform; transform: @checkbox-check-transform; transform-origin: @checkbox-check-transform-origin; width: @checkbox-check-height; @@ -73,15 +79,21 @@ &.mui-checked { .mui-checkbox-box { .ease-out; + -webkit-transform: rotate(45deg) scale(0); + -moz-transform: rotate(45deg) scale(0); + -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } .mui-checkbox-check { .ease-out; height: @checkbox-checked-check-height; + -webkit-transform: @checkbox-checked-check-transform; + -moz-transform: @checkbox-checked-check-transform; + -ms-transform: @checkbox-checked-check-transform; transform: @checkbox-checked-check-transform; transition-delay: @checkbox-checked-check-transition-delay; width: @checkbox-checked-check-width; } } -} \ No newline at end of file +} From 442de53eca4068ebf999d01221957539dcc420da Mon Sep 17 00:00:00 2001 From: Antonis Karamitros Date: Tue, 11 Nov 2014 00:44:46 +0000 Subject: [PATCH 2/2] use lesshat for the vendor prefix on transform --- docs/dist/less/components/checkbox.less | 20 ++++---------------- 1 file changed, 4 insertions(+), 16 deletions(-) diff --git a/docs/dist/less/components/checkbox.less b/docs/dist/less/components/checkbox.less index c143016b1e5788..f2bf16741a1a2c 100644 --- a/docs/dist/less/components/checkbox.less +++ b/docs/dist/less/components/checkbox.less @@ -52,10 +52,7 @@ box-sizing: @checkbox-box-box-sizing; height: @checkbox-box-size; position: @checkbox-box-position; - -webkit-transform: @checkbox-box-transform; - -moz-transform: @checkbox-box-transform; - -ms-transform: @checkbox-box-transform; - transform: @checkbox-box-transform; + .lh-transform(@checkbox-box-transform); transform-origin: @checkbox-box-transform-origin; width: @checkbox-box-size; } @@ -68,10 +65,7 @@ height: @checkbox-check-height; left: @checkbox-check-fix-left; position: @checkbox-check-position; - -webkit-transform: @checkbox-check-transform; - -moz-transform: @checkbox-check-transform; - -ms-transform: @checkbox-check-transform; - transform: @checkbox-check-transform; + .lh-transform(@checkbox-check-transform); transform-origin: @checkbox-check-transform-origin; width: @checkbox-check-height; } @@ -79,19 +73,13 @@ &.mui-checked { .mui-checkbox-box { .ease-out; - -webkit-transform: rotate(45deg) scale(0); - -moz-transform: rotate(45deg) scale(0); - -ms-transform: rotate(45deg) scale(0); - transform: rotate(45deg) scale(0); + .lh-transform(rotate(45deg) scale(0)); } .mui-checkbox-check { .ease-out; height: @checkbox-checked-check-height; - -webkit-transform: @checkbox-checked-check-transform; - -moz-transform: @checkbox-checked-check-transform; - -ms-transform: @checkbox-checked-check-transform; - transform: @checkbox-checked-check-transform; + .lh-transform(@checkbox-checked-check-transform); transition-delay: @checkbox-checked-check-transition-delay; width: @checkbox-checked-check-width; }