padding: 0 0.5%;
}
.csstransforms .deck-menu > .slide {
- -webkit-transform: scale(0.22);
- -moz-transform: scale(0.22);
- -o-transform: scale(0.22);
- -ms-transform: scale(0.22);
- transform: scale(0.22);
+ -webkit-transform: scale(0.22) !important;
+ -moz-transform: scale(0.22) !important;
+ -o-transform: scale(0.22) !important;
+ -ms-transform: scale(0.22) !important;
+ transform: scale(0.22) !important;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-o-transform-origin: 0 0;
}
.csstransforms & {
- -webkit-transform:scale(.22);
- -moz-transform:scale(.22);
- -o-transform:scale(.22);
- -ms-transform:scale(.22);
- transform:scale(.22);
+ -webkit-transform:scale(.22) !important;
+ -moz-transform:scale(.22) !important;
+ -o-transform:scale(.22) !important;
+ -ms-transform:scale(.22) !important;
+ transform:scale(.22) !important;
-webkit-transform-origin:0 0;
-moz-transform-origin:0 0;
-o-transform-origin:0 0;
-.csstransforms .deck-container.deck-scale section.slide {
- width:auto;
- -webkit-transform-origin: 50% 0;
- -moz-transform-origin: 50% 0;
- -o-transform-origin: 50% 0;
- -ms-transform-origin: 50% 0;
- transform-origin: 50% 0;
-}
-.csstransforms .deck-container.deck-scale.deck-menu {
- width:70%;
- -webkit-transform:none !important;
- -moz-transform:none !important;
- -o-transform:none !important;
- -ms-transform:none !important;
- transform:none !important;
-}
+.csstransforms .deck-container.deck-scale:not(.deck-menu) section.slide {
+ -webkit-box-sizing: padding-box;
+ -moz-box-sizing: padding-box;
+ box-sizing: padding-box;
+ width: 100%;
+ padding-bottom: 20px;
+ -webkit-transform-origin: 50% 0;
+ -moz-transform-origin: 50% 0;
+ -o-transform-origin: 50% 0;
+ -ms-transform-origin: 50% 0;
+ transform-origin: 50% 0;
+}
@@ -41,9 +41,7 @@ works fine.
else {
// Use window height as base height if not set manually
baseHeight = obh ? obh : (function() {
- var slop = 40; /* for padding */
- var windowHeight = $(window).height();
- return windowHeight - slop;
+ return $(window).height();
})();
}
-.csstransforms .deck-container.deck-scale {
+.csstransforms .deck-container.deck-scale:not(.deck-menu) {
section.slide {
- width:auto;
+ -webkit-box-sizing: padding-box;
+ -moz-box-sizing: padding-box;
+ box-sizing: padding-box;
+ width:100%;
+ padding-bottom:20px;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
-
- &.deck-menu {
- width:70%;
- -webkit-transform:none !important;
- -moz-transform:none !important;
- -o-transform:none !important;
- -ms-transform:none !important;
- transform:none !important;
- }
}
\ No newline at end of file