Experimental book page layout.
[wolnelektury.git] / src / wolnelektury / static / 2021 / css / layout / _books.scss
1 .l-books__wrapper {
2   border-top: 4px solid $color-light-gray;
3   margin-top: 100px;
4   width: 100%;
5
6   h2 {
7     font-weight: $bold;
8     @include font-size(32px);
9     letter-spacing: -0.02em;
10     color: $color-primary;
11     line-height: 100%;
12     margin-top: 53px;
13   }
14 }
15
16 .l-books__wrapper
17
18 .l-books {
19   display: flex;
20   flex-wrap: wrap;
21   margin-top: 30px;
22 }
23
24 .l-books__item {
25   width: 25%;
26
27   h2 {
28     font-weight: $bold;
29     @include font-size(18px);
30     line-height: 21px;
31     letter-spacing: -0.01em;
32     color: $color-gray;
33     margin: 0;
34   }
35   h3 {
36     font-weight: $bold;
37     @include font-size(14px);
38     line-height: 16px;
39     letter-spacing: 0.01em;
40     color: $color-gray;
41     margin: 0;
42   }
43 }
44
45 .l-books__item__img {
46   margin: 0;
47   font-size: 0;
48   margin-bottom: 25px;
49
50   a {}
51   img {
52       width: 194px;
53       height: 280px;
54   }
55 }