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 }