diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-18 09:42:22 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2019-04-18 09:42:22 -0400 |
| commit | 38d3feaa47e87e037c6fe4b320ad88417d565ea5 (patch) | |
| tree | 83f98a9f25ddfacfef835b5bfcc2edd8336c8e81 /www/lib/ionic/scss/_slide-box.scss | |
| parent | a86a09b90283950364b5bfdaf9904f13de2ce2fc (diff) | |
libs tbd cleanup
Diffstat (limited to 'www/lib/ionic/scss/_slide-box.scss')
| -rw-r--r-- | www/lib/ionic/scss/_slide-box.scss | 71 |
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; + } +} |
