diff options
author | Christian Franke <nobody@nowhere.ws> | 2013-04-09 14:31:22 +0200 |
---|---|---|
committer | Christian Franke <nobody@nowhere.ws> | 2013-04-09 14:31:22 +0200 |
commit | 5a774ef6f3b38b19b26913a34b1388530c72334e (patch) | |
tree | 543127427771d75f652fc9e726cc39aa1a72571c /deck.js/themes/transition/fade.scss |
Initial Commit
Diffstat (limited to 'deck.js/themes/transition/fade.scss')
-rw-r--r-- | deck.js/themes/transition/fade.scss | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/deck.js/themes/transition/fade.scss b/deck.js/themes/transition/fade.scss new file mode 100644 index 0000000..7612629 --- /dev/null +++ b/deck.js/themes/transition/fade.scss @@ -0,0 +1,69 @@ +@mixin translate($x: 0, $y: 0, $z: 0) { + -webkit-transform:translate3d($x, $y, $z); + -moz-transform:translate($x, $y); + -ms-transform:translate($x, $y); + -o-transform:translate($x, $y); + transform:translate3d($x, $y, $z); +} + +@mixin transition($prop, $duration, $easing: ease-in-out, $delay: 0ms) { + -webkit-transition:$prop $duration $easing $delay; + -moz-transition:$prop $duration $easing $delay; + -ms-transition:$prop $duration $easing $delay; + -o-transition:$prop $duration $easing $delay; + transition:$prop $duration $easing $delay; +} + +.csstransitions.csstransforms { + .deck-container .slide { + @include transition(opacity, 500ms); + } + + .deck-container:not(.deck-menu) { + > .slide { + position:absolute; + top:0; + left:0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width:100%; + padding:0 48px; + + .slide { + position:relative; + left:0; + top:0; + } + + .deck-next, .deck-after { + opacity:0; + } + + .deck-current { + opacity:1; + } + } + + > .deck-previous, > .deck-before, > .deck-next, > .deck-after { + opacity:0; + pointer-events:none; + } + + > .deck-before, > .deck-previous { + .slide { + visibility:visible; + } + } + + > .deck-child-current { + opacity:1; + visibility:visible; + pointer-events:auto; + + .deck-next, .deck-after { + visibility:hidden; + } + } + } +} |