From 8ab6746cbe567029400e0a50bff696599f358038 Mon Sep 17 00:00:00 2001 From: Hayden Bleasel Date: Sat, 15 Mar 2014 18:30:09 +1100 Subject: Utilised mixins rather than specific WebKit properties --- dist/css/bootstrap.css | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) (limited to 'dist') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 132bffa62..5b2afc0f7 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -5776,6 +5776,47 @@ button.close { bottom: 20px; } } +@media all and (-webkit-transform-3d) { + .carousel .item { + -webkit-transition: -webkit-transform .6s ease-in-out; + -o-transition: -o-transform .6s ease-in-out; + transition: transform .6s ease-in-out; + + -webkit-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -o-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000; + -ms-perspective: 1000; + -o-perspective: 1000; + perspective: 1000; + } + .carousel .item.next, + .carousel .item.active.right { + left: 0; + -webkit-transform: translate3d(100%, 0, 0); + -ms-transform: translate3d(100%, 0, 0); + -o-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel .item.prev, + .carousel .item.active.left { + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + -o-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + .carousel .item.next.left, + .carousel .item.prev.right, + .carousel .item.active { + left: 0; + -webkit-transform: translate3d(0%, 0, 0); + -ms-transform: translate3d(0%, 0, 0); + -o-transform: translate3d(0%, 0, 0); + transform: translate3d(0%, 0, 0); + } +} .clearfix:before, .clearfix:after, .dl-horizontal dd:before, -- cgit v1.2.3 From bab63abee80eb2ceaa0c96b6417dde6baefa4718 Mon Sep 17 00:00:00 2001 From: Hayden Bleasel Date: Sun, 16 Mar 2014 17:07:55 +1100 Subject: Removed unnecessary percentage sign for 3D translation --- dist/css/bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'dist') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 5b2afc0f7..e80aa63c9 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -5811,10 +5811,10 @@ button.close { .carousel .item.prev.right, .carousel .item.active { left: 0; - -webkit-transform: translate3d(0%, 0, 0); - -ms-transform: translate3d(0%, 0, 0); - -o-transform: translate3d(0%, 0, 0); - transform: translate3d(0%, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); } } .clearfix:before, -- cgit v1.2.3 From 4fa2d9e0ca3e3dcfc0db46329e2213550961ea7f Mon Sep 17 00:00:00 2001 From: Hayden Bleasel Date: Wed, 23 Apr 2014 20:36:49 +1000 Subject: Improved mixin ability with nested media query --- dist/css/bootstrap.css | 82 +++++++++++++++++++++++++------------------------- 1 file changed, 41 insertions(+), 41 deletions(-) (limited to 'dist') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index e80aa63c9..faff04314 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -5610,6 +5610,47 @@ button.close { .carousel-inner > .item > a > img { line-height: 1; } +@media all and (-webkit-transform-3d) { + .carousel-inner > .item { + -webkit-transition: -webkit-transform .6s ease-in-out; + -o-transition: -o-transform .6s ease-in-out; + transition: transform .6s ease-in-out; + + -webkit-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -o-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-perspective: 1000; + -ms-perspective: 1000; + -o-perspective: 1000; + perspective: 1000; + } + .carousel-inner > .item.next, + .carousel-inner > .item.active.right { + left: 0; + -webkit-transform: translate3d(100%, 0, 0); + -ms-transform: translate3d(100%, 0, 0); + -o-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0); + } + .carousel-inner > .item.prev, + .carousel-inner > .item.active.left { + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + -o-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + } + .carousel-inner > .item.next.left, + .carousel-inner > .item.prev.right, + .carousel-inner > .item.active { + left: 0; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { @@ -5776,47 +5817,6 @@ button.close { bottom: 20px; } } -@media all and (-webkit-transform-3d) { - .carousel .item { - -webkit-transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; - transition: transform .6s ease-in-out; - - -webkit-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -o-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000; - -ms-perspective: 1000; - -o-perspective: 1000; - perspective: 1000; - } - .carousel .item.next, - .carousel .item.active.right { - left: 0; - -webkit-transform: translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0); - -o-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - .carousel .item.prev, - .carousel .item.active.left { - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0); - -o-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - .carousel .item.next.left, - .carousel .item.prev.right, - .carousel .item.active { - left: 0; - -webkit-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - -o-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} .clearfix:before, .clearfix:after, .dl-horizontal dd:before, -- cgit v1.2.3