extensions/navigation/deck.navigation.scss

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