diff options
| author | ARC <arjunrc@gmail.com> | 2015-04-25 09:13:54 -0400 |
|---|---|---|
| committer | ARC <arjunrc@gmail.com> | 2015-04-25 09:13:54 -0400 |
| commit | 86e4e291bfda3365c0bb82bacb2b9990a86ce759 (patch) | |
| tree | c9729d4bd5366656e39761319546593c02f0f709 /www/lib/ionic/scss/_slide-box.scss | |
First Commit
Diffstat (limited to 'www/lib/ionic/scss/_slide-box.scss')
| -rw-r--r-- | www/lib/ionic/scss/_slide-box.scss | 56 |
1 files changed, 56 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..f6dfa113 --- /dev/null +++ b/www/lib/ionic/scss/_slide-box.scss @@ -0,0 +1,56 @@ + +/** + * 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; + } + } +} |
