this repo has no description
hauleth.dev
1@import 'variables';
2
3.pagination {
4 margin-top: 50px;
5
6 &__title {
7 display: flex;
8 text-align: center;
9 position: relative;
10 margin: 100px 0 20px;
11
12 &-h {
13 text-align: center;
14 margin: 0 auto;
15 padding: 5px 10px;
16 background: var(--background);
17 font-size: .8rem;
18 text-transform: uppercase;
19 letter-spacing: .1em;
20 z-index: 1;
21 }
22
23 hr {
24 position: absolute;
25 left: 0;
26 right: 0;
27 width: 100%;
28 margin-top: 15px;
29 z-index: 0;
30 }
31 }
32
33 &__buttons {
34 display: flex;
35 align-items: center;
36 justify-content: center;
37
38 a {
39 text-decoration: none;
40 }
41 }
42}
43
44.button {
45 position: relative;
46 display: inline-flex;
47 align-items: center;
48 justify-content: center;
49 border-radius: 8px;
50 max-width: 40%;
51 padding: 0;
52 cursor: pointer;
53 appearance: none;
54
55 + .button {
56 margin-left: 10px;
57 }
58
59 a {
60 display: flex;
61 padding: 8px 16px;
62 text-decoration: none;
63 text-overflow: ellipsis;
64 white-space: nowrap;
65 overflow: hidden;
66 }
67
68 &__text {
69 text-overflow: ellipsis;
70 white-space: nowrap;
71 overflow: hidden;
72 }
73
74 &.next .button__icon {
75 margin-left: 8px;
76 }
77
78 &.previous .button__icon {
79 margin-right: 8px;
80 }
81}