summaryrefslogtreecommitdiff
path: root/www/lib/ionic/scss/_slide-box.scss
diff options
context:
space:
mode:
authorPliable Pixels <pliablepixels@gmail.com>2017-09-20 16:15:18 -0400
committerPliable Pixels <pliablepixels@gmail.com>2017-09-20 16:15:18 -0400
commit676270d21beed31d767a06c89522198c77d5d865 (patch)
tree902772af01bfbcf80955f0351a5aae9eb029b9b0 /www/lib/ionic/scss/_slide-box.scss
Initial commit
Diffstat (limited to 'www/lib/ionic/scss/_slide-box.scss')
-rw-r--r--www/lib/ionic/scss/_slide-box.scss71
1 files changed, 71 insertions, 0 deletions
diff --git a/www/lib/ionic/scss/_slide-box.scss b/www/lib/ionic/scss/_slide-box.scss
new file mode 100644
index 00000000..f3da4d3e
--- /dev/null
+++ b/www/lib/ionic/scss/_slide-box.scss
@@ -0,0 +1,71 @@
+
+/**
+ * Slide Box
+ * --------------------------------------------------
+ */
+
+.slider {
+ position: relative;
+ visibility: hidden;
+ // Make sure items don't scroll over ever
+ overflow: hidden;
+}
+
+.slider-slides {
+ position: relative;
+ height: 100%;
+}
+
+.slider-slide {
+ position: relative;
+ display: block;
+ float: left;
+ width: 100%;
+ height: 100%;
+ vertical-align: top;
+}
+
+.slider-slide-image {
+ > img {
+ width: 100%;
+ }
+}
+
+.slider-pager {
+ position: absolute;
+ bottom: 20px;
+ z-index: $z-index-slider-pager;
+ width: 100%;
+ height: 15px;
+ text-align: center;
+
+ .slider-pager-page {
+ display: inline-block;
+ margin: 0px 3px;
+ width: 15px;
+ color: #000;
+ text-decoration: none;
+
+ opacity: 0.3;
+
+ &.active {
+ @include transition(opacity 0.4s ease-in);
+ opacity: 1;
+ }
+ }
+}
+
+//Disable animate service animations
+.slider-slide,
+.slider-pager-page {
+ &.ng-enter,
+ &.ng-leave,
+ &.ng-animate {
+ -webkit-transition: none !important;
+ transition: none !important;
+ }
+ &.ng-animate {
+ -webkit-animation: none 0s;
+ animation: none 0s;
+ }
+}