diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-20 16:15:18 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-09-20 16:15:18 -0400 |
| commit | 676270d21beed31d767a06c89522198c77d5d865 (patch) | |
| tree | 902772af01bfbcf80955f0351a5aae9eb029b9b0 /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.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; + } +} |
