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