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 }