this repo has no description
hauleth.dev
1@import 'variables';
2
3.pagination {
4 margin-top: 50px;
5
6 &__buttons {
7 display: flex;
8 align-items: center;
9 justify-content: center;
10
11 // @media (max-width: $phone-max-width) {
12 // flex-direction: column;
13 // }
14
15 a {
16 text-decoration: none;
17 }
18 }
19}
20
21.button {
22 position: relative;
23 display: inline-flex;
24 align-items: center;
25 justify-content: center;
26 font-size: 1rem;
27 border-radius: 8px;
28 max-width: 40%;
29 padding: 0;
30 cursor: pointer;
31 appearance: none;
32
33 + .button {
34 margin-left: 10px;
35 }
36
37 // @media (max-width: $phone-max-width) {
38 // max-width: 80%;
39 // }
40
41 a {
42 display: flex;
43 padding: 8px 16px;
44 text-decoration: none;
45 text-overflow: ellipsis;
46 white-space: nowrap;
47 overflow: hidden;
48 }
49
50 &__text {
51 text-overflow: ellipsis;
52 white-space: nowrap;
53 overflow: hidden;
54 }
55
56 &.next .button__icon {
57 margin-left: 8px;
58 }
59
60 &.previous .button__icon {
61 margin-right: 8px;
62 }
63}