Tom-Marble/deck.js/extensions/menu/deck.menu.scss

   1 .deck-menu {
   2   overflow:auto;
   3
   4   .slide {
   5     background:#eee;
   6     position:relative;
   7     left:0;
   8     top:0;
   9     visibility:visible;
  10     cursor:pointer;
  11   }
  12
  13   > .slide {
  14     .no-csstransforms & {
  15       float:left;
  16       width:22%;
  17       height:22%;
  18       min-height:0;
  19       margin:1%;
  20       font-size:0.22em;
  21       overflow:hidden;
  22       padding:0 0.5%;
  23     }
  24
  25     .csstransforms & {
  26       -webkit-transform:scale(.22) !important;
  27       -ms-transform:scale(.22) !important;
  28       transform:scale(.22) !important;
  29       -webkit-transform-origin:0 0;
  30       -ms-transform-origin:0 0;
  31       transform-origin:0 0;
  32       -moz-box-sizing: border-box;
  33       box-sizing: border-box;
  34       width:100%;
  35       height:100%;
  36       overflow:hidden;
  37       padding:0 48px;
  38       margin:12px;
  39     }
  40   }
  41
  42   iframe, img, video {
  43     max-width:100%;
  44   }
  45
  46   .deck-current, .no-touch & .slide:hover {
  47     background:#ddf;
  48   }
  49
  50   &.deck-container:hover {
  51     .deck-prev-link, .deck-next-link {
  52       display:none;
  53     }
  54   }
  55 }