this repo has no description
hauleth.dev
1.pagination {
2 margin-top: 50px;
3
4 &__title {
5 display: flex;
6 text-align: center;
7 position: relative;
8 margin: 100px 0 20px;
9
10 &-h {
11 text-align: center;
12 margin: 0 auto;
13 padding: 5px 10px;
14 background: color-mod(var(--accent) blend(#1D1E28 98%));
15 font-size: .8rem;
16 text-transform: uppercase;
17 text-decoration: none;
18 letter-spacing: .1em;
19 z-index: 1;
20 }
21
22 hr {
23 position: absolute;
24 left: 0;
25 right: 0;
26 width: 100%;
27 margin-top: 15px;
28 z-index: 0;
29 }
30 }
31
32 &__buttons {
33 display: flex;
34 align-items: center;
35 justify-content: center;
36
37 a {
38 text-decoration: none;
39 }
40 }
41}
42
43.button {
44 position: relative;
45 display: inline-flex;
46 align-items: center;
47 justify-content: center;
48 font-size: 1rem;
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}