diff --git a/dist/css/bootstrap-touch-carousel.css b/dist/css/bootstrap-touch-carousel.css index d70c24b..a3be86a 100644 --- a/dist/css/bootstrap-touch-carousel.css +++ b/dist/css/bootstrap-touch-carousel.css @@ -5,17 +5,17 @@ More info at: http://lesselements.com ---------------------------------------------------*/ /* line 39, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel { +.touch-carousel { position: relative; } /* line 43, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner { +.touch-carousel-inner { position: relative; overflow: hidden; width: 100%; } /* line 48, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .item { +.touch-carousel-inner > .item { display: none; position: relative; -webkit-transition: left 0.6s ease-in-out; @@ -23,53 +23,53 @@ transition: left 0.6s ease-in-out; } /* line 55, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { +.touch-carousel-inner > .item > img, +.touch-carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } /* line 62, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { +.touch-carousel-inner > .active, +.touch-carousel-inner > .next, +.touch-carousel-inner > .prev { display: block; } /* line 66, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .active { +.touch-carousel-inner > .active { left: 0; } /* line 70, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .next, -.carousel-inner > .prev { +.touch-carousel-inner > .next, +.touch-carousel-inner > .prev { position: absolute; top: 0; width: 100%; } /* line 77, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .next { +.touch-carousel-inner > .next { left: 100%; } /* line 80, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .prev { +.touch-carousel-inner > .prev { left: -100%; } /* line 83, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .next.left, -.carousel-inner > .prev.right { +.touch-carousel-inner > .next.left, +.touch-carousel-inner > .prev.right { left: 0; } /* line 88, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .active.left { +.touch-carousel-inner > .active.left { left: -100%; } /* line 91, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-inner > .active.right { +.touch-carousel-inner > .active.right { left: 100%; } /* line 100, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control { +.touch-carousel-control { position: absolute; top: 0; left: 0; @@ -87,13 +87,13 @@ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } /* line 115, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control.right { +.touch-carousel-control.right { left: auto; right: 0; } /* line 121, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control:hover, -.carousel-control:focus { +.touch-carousel-control:hover, +.touch-carousel-control:focus { color: #ffffff; text-decoration: none; -moz-opacity: 0.9; @@ -104,28 +104,28 @@ filter: alpha(opacity=90); } /* line 129, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control .icon-prev, -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-left, -.carousel-control .glyphicon-chevron-right { +.touch-carousel-control .icon-prev, +.touch-carousel-control .icon-next, +.touch-carousel-control .glyphicon-chevron-left, +.touch-carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } /* line 138, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control .icon-prev, -.carousel-control .glyphicon-chevron-left { +.touch-carousel-control .icon-prev, +.touch-carousel-control .glyphicon-chevron-left { left: 50%; } /* line 142, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control .icon-next, -.carousel-control .glyphicon-chevron-right { +.touch-carousel-control .icon-next, +.touch-carousel-control .glyphicon-chevron-right { right: 50%; } /* line 146, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control .icon-prev, -.carousel-control .icon-next { +.touch-carousel-control .icon-prev, +.touch-carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; @@ -133,15 +133,15 @@ font-family: serif; } /* line 156, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control .icon-prev:before { +.touch-carousel-control .icon-prev:before { content: '\2039'; } /* line 161, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-control .icon-next:before { +.touch-carousel-control .icon-next:before { content: '\203a'; } /* line 172, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-indicators { +.touch-carousel-indicators { position: absolute; bottom: 10px; left: 50%; @@ -153,7 +153,7 @@ text-align: center; } /* line 183, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-indicators li { +.touch-carousel-indicators li { display: inline-block; width: 10px; height: 10px; @@ -164,14 +164,14 @@ cursor: pointer; } /* line 193, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-indicators .active { +.touch-carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff; } /* line 204, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-caption { +.touch-carousel-caption { position: absolute; left: 15%; right: 15%; @@ -184,15 +184,15 @@ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } /* line 215, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ -.carousel-caption .btn { +.touch-carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { /* line 226, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ - .carousel-control .glyphicons-chevron-left, - .carousel-control .glyphicons-chevron-right, - .carousel-control .icon-prev, - .carousel-control .icon-next { + .touch-carousel-control .glyphicons-chevron-left, + .touch-carousel-control .glyphicons-chevron-right, + .touch-carousel-control .icon-prev, + .touch-carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; @@ -200,19 +200,19 @@ font-size: 30px; } /* line 239, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ - .carousel-caption { + .touch-carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } /* line 246, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ - .carousel-indicators { + .touch-carousel-indicators { bottom: 20px; } } @media screen and (max-width: 768px) { /* line 256, /Users/andyk/Sites/Misc/_javascript/bootstrap-touch-carousel/src/less/carousel.less */ - .carousel-caption { + .touch-carousel-caption { display: none; } } diff --git a/dist/js/bootstrap-touch-carousel.js b/dist/js/bootstrap-touch-carousel.js index 2ea597f..1c0e0c9 100644 --- a/dist/js/bootstrap-touch-carousel.js +++ b/dist/js/bootstrap-touch-carousel.js @@ -82,7 +82,7 @@ var Carousel = function (element, options) { this.$element = $(element) - this.$indicators = this.$element.find('.carousel-indicators') + this.$indicators = this.$element.find('.touch-carousel-indicators') this.options = options this.paused = this.sliding = @@ -265,7 +265,7 @@ }) $(window).on('load', function () { - $('[data-ride="carousel"]').each(function () { + $('[data-ride="touch-carousel"]').each(function () { var $carousel = $(this) $carousel.carousel($carousel.data()) }) diff --git a/index.html b/index.html index 98ad575..6fccfb6 100644 --- a/index.html +++ b/index.html @@ -38,18 +38,19 @@

Feel's good!

-