Search
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _pagination.scss
1 .l-pagination {
2   display: flex;
3   align-content: center;
4   margin: 40px auto 40px auto;
5
6   ul {
7     display: flex;
8     margin: 0;
9     padding: 0;
10     align-content: center;
11     list-style: none;
12
13     li {
14       margin: 0 5px;
15       font-weight: $regular;
16       @include font-size(18px);
17       line-height: 150%;
18       text-align: center;
19       color: #474747;
20
21       &.is-active {
22         a {
23           color: #ffffff;
24           background-color: #083F4D;
25           border-radius: 50%;
26         }
27       }
28
29       a {
30         text-align: center;
31         line-height: 35px;
32         display: block;
33         width: 35px;
34         height: 35px;
35       }
36     }
37   }
38 }
39
40 .l-pagination__arrow {
41   display: flex;
42   align-content: center;
43   @include font-size(10px);
44   margin: 0 20px;
45
46   .icon {
47     display: flex;
48     align-content: center;
49     line-height: 35px;
50   }
51 }
52