Search
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _collections.scss
1 .l-collections {
2   width: 100%;
3   max-width: 1140px;
4
5   .l-books {
6       width: 100%;
7
8       @include rwd($break-flow) {
9           width: calc(100% + 20px);
10       }
11
12     .l-books__item {
13       border: 1px solid #D9D9D9;
14     }
15   }
16 }
17
18 .l-collections__header {
19   margin-top: 36px;
20   display: flex;
21   justify-content: space-between;
22
23   h3 {
24     margin-top: 0;
25     font-weight: $semibold;
26     @include font-size(25px);
27     line-height: 140%;
28     letter-spacing: -0.01em;
29     color: $color-dark;
30
31     @include rwd($break-flow) {
32       @include font-size(31px);
33     }
34   }
35
36   .l-your-books__header__actions {
37     button {
38       border-color: $color-light-gray;
39
40       .icon {
41         color: $color-darker-primary;
42       }
43
44       &:hover {
45         background-color: darken($color-white, 2%);
46       }
47     }
48   }
49 }