extensions/navigation/deck.navigation.scss

   1 .deck-prev-link, .deck-next-link {
   2   display:none;
   3   position:absolute;
   4   z-index:3;
   5   top:50%;
   6   width:32px;
   7   height:32px;
   8   margin-top:-16px;
   9   font-size:20px;
  10   font-weight:bold;
  11   line-height:32px;
  12   vertical-align:middle;
  13   text-align:center;
  14   text-decoration:none;
  15   color:#fff;
  16   background:#888;
  17   border-radius:16px;
  18
  19   &:hover, &:focus, &:active, &:visited {
  20     color:#fff;
  21   }
  22 }
  23
  24 .deck-prev-link {
  25   left:8px;
  26 }
  27
  28 .deck-next-link {
  29   right:8px;
  30 }
  31
  32 .deck-container:hover .deck-prev-link, .deck-container:hover .deck-next-link {
  33   display:block;
  34
  35   &.deck-nav-disabled, .touch & {
  36     display:none;
  37   }
  38 }
  39
  40 @media print {
  41   .deck-prev-link, .deck-next-link {
  42     display:none !important;
  43   }
  44 }