Audiobook player UI updated
[wolnelektury.git] / src / wolnelektury / static / 2021 / css / layout / _footer.scss
1 .l-footer {}
2
3 .l-footer__row {}
4
5 .l-footer__col {
6   p {}
7 }
8
9 .l-footer {
10   max-width: 1140px;
11   margin: 0 auto;
12   padding-top: 60px;
13   border-top: 4px solid #CCCCCC;
14   margin-top: 100px;
15 }
16
17 .l-footer__row {
18   display: flex;
19 }
20
21
22 .l-footer__col {
23   width: 100%;
24 }
25
26 .l-footer p {
27   font-weight: normal;
28   font-size: 16px;
29   line-height: 19px;
30   /* identical to box height */
31   letter-spacing: 0.01em;
32   color: #666666;
33   margin-top: 22px;
34 }
35
36 .l-footer__col p:not(:last-child) {
37   padding-bottom: 37px;
38   border-bottom: 1px solid #CCCCCC;
39 }
40
41 .l-footer__row .l-footer__col:first-child {
42   border-right: 1px solid #ccc;
43   padding-right: 10px;
44 }
45
46 .l-footer__col ul {
47   font-weight: bold;
48   font-size: 24px;
49   line-height: 125%;
50   /* or 30px */
51   letter-spacing: -0.01em;
52   color: #666666;
53   list-style: none;
54   padding-left: 10px;
55 }
56
57 .l-footer__col ul:first-child {
58   margin-top: 0;
59 }
60
61 .l-footer__col p:first-child {
62   margin-top: 5px;
63 }
64
65 .l-footer__col p:last-child {
66   padding-bottom: 10px;
67 }
68
69 .l-footer__row:last-child {
70   margin-top: 20px;
71   border-top: 1px solid #ccc;
72   border-bottom: 12px solid #CCCCCC;
73 }
74
75 .l-footer__row:last-child p {
76   margin-top: 64px;
77   margin-bottom: 64px;
78 }