client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3 @import '_miniature';
   4
   5 .playlists {
   6   display: flex;
   7   flex-wrap: wrap;
   8   justify-content: center;
   9
  10   .playlist-wrapper {
  11     margin-right: 15px;
  12     margin-bottom: 30px;
  13   }
  14 }
  15
  16 .margin-content {
  17   @include grid-videos-miniature-layout;
  18 }
  19
  20 @media screen and (max-width: $mobile-view) {
  21   .title-page {
  22     display: block;
  23     text-align: center;
  24   }
  25
  26   .playlists {
  27     justify-content: left;
  28
  29     margin-left: pvar(--horizontalMarginContent) !important;
  30     margin-right: pvar(--horizontalMarginContent) !important;
  31   }
  32 }