src/wolnelektury/static/2021/css/components/_media.scss

   1 .c-media {
   2   margin: 31px auto;
   3   border: 1px solid $color-light-gray;
   4 }
   5
   6 .c-media__actions {
   7   display: flex;
   8   padding: 30px;
   9   border-bottom: 1px solid $color-light-gray;
  10 }
  11
  12 .c-media__btn {
  13   width: 100%;
  14   text-align: center;
  15
  16   &:first-child {
  17     padding-right: 35px;
  18   }
  19
  20   &:nth-child(2) {
  21     padding: 0 35px;
  22     border-left: 1px solid #ccc;
  23     border-right: 1px solid #ccc;
  24   }
  25
  26   &:last-child {
  27     padding-left: 35px;
  28   }
  29
  30   .l-button {}
  31
  32   ul {
  33     @include font-size(16px);
  34     line-height: 19px;
  35     text-align: center;
  36     letter-spacing: 0.01em;
  37     padding: 0;
  38     list-style: none;
  39     display: flex;
  40     align-items: center;
  41     justify-content: center;
  42     font-weight: $bold;
  43     margin: 0;
  44
  45     li {
  46       margin-right: 6px;
  47       &:not(:last-child):after { content: "|"; margin-left: 6px; }
  48     }
  49   }
  50 }
  51
  52 .c-media__player {
  53   padding: 25px 30px;
  54
  55   h2 {
  56     font-weight: $bold;
  57     @include font-size(16px);
  58     line-height: 19px;
  59     text-align: center;
  60     letter-spacing: 0.01em;
  61     color: $color-gray;
  62     margin: 0;
  63   }
  64 }