daysofcode/2019/30/day-38/day-38.css at master · w3dotdev/daysofcode · GitHub

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
.pagination { padding: 15px 0; }

.pagination,
.pagination-list { align-items: center; display: flex; justify-content: center; flex-flow: row wrap; }
.pagination-item { background: #8b1ba1; text-align: center; position: relative; }

.pagination-button {
  background: #b445e7;
  border: 3px solid transparent;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: block;
  height: 35px;
  transition: 0.1s;
  width: 35px;
}

span {
  background: #8b1ba1;
  border: 3px solid transparent;
  display: block;
  height: 35px;
  padding: 10px 5px 5px;
  width: 35px;
}

.pagination-button:hover,
.pagination-button.active { border: 3px solid #fdff71; color: #fdff71; position: relative; transform: scale(1.3); z-index: 2; }

.pagination-button:hover { z-index: 3; }

.prev:hover,
.next:hover { border: 3px solid transparent; transform: scale(1); }

.prev,
.next { background: #8b1ba1; border-radius: 0; padding: 6px 15px 5px; }

.prev { border-radius: 25px 0 0 25px; }
.next { border-radius: 0 25px 25px 0; }