doc/backends/deckjs/deck.js/extensions/navigation/deck.navigation.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

.deck-prev-link, .deck-next-link {
  display:none;
  position:absolute;
  z-index:3;
  top:50%;
  width:32px;
  height:32px;
  margin-top:-16px;
  font-size:20px;
  font-weight:bold;
  line-height:32px;
  vertical-align:middle;
  text-align:center;
  text-decoration:none;
  color:#fff;
  background:#888;
  border-radius:16px;

  &:hover, &:focus, &:active, &:visited {
    color:#fff;
  }
}

.deck-prev-link {
  left:8px;
}

.deck-next-link {
  right:8px;
}

.deck-container:hover .deck-prev-link, .deck-container:hover .deck-next-link {
  display:block;

  &.deck-nav-disabled, .touch & {
    display:none;
  }
}

@media print {
  .deck-prev-link, .deck-next-link {
    display:none !important;
  }
}