+@mixin miniature-rows {
+ &:first-child {
+ padding-top: 30px;
+
+ .section-title {
+ border-top: none !important;
+ }
+ }
+
+ .section-title {
+ font-size: 24px;
+ font-weight: $font-semibold;
+ padding-top: 15px;
+ margin-bottom: 15px;
+ display: flex;
+ justify-content: space-between;
+
+ &:not(h2) {
+ border-top: 1px solid $separator-border-color;
+ }
+
+ a {
+ &:hover, &:focus:not(.focus-visible), &:active {
+ text-decoration: none;
+ outline: none;
+ }
+
+ color: pvar(--mainForegroundColor);
+ }
+ }
+
+ &.channel {
+ .section-title {
+ a {
+ display: flex;
+ width: fit-content;
+ align-items: center;
+
+ img {
+ @include channel-avatar(28px);
+
+ margin-right: 8px;
+ }
+ }
+
+ .followers {
+ color: pvar(--greyForegroundColor);
+ font-weight: normal;
+ font-size: 14px;
+ margin-left: 10px;
+ position: relative;
+ top: 2px;
+ }
+ }
+ }
+
+ .show-more {
+ position: relative;
+ top: -5px;
+ display: inline-block;
+ font-size: 16px;
+ text-transform: uppercase;
+ color: pvar(--greyForegroundColor);
+ margin-bottom: 10px;
+ font-weight: $font-semibold;
+ text-decoration: none;
+ }
+
+ @media screen and (max-width: $mobile-view) {
+ max-height: initial;
+ overflow: initial;
+
+ .section-title {
+ font-size: 17px;
+ margin-left: 10px;
+ }
+ }
+}
+
+// Use margin by default, or padding if $margin is false
+@mixin fluid-videos-miniature-margins ($margin: true, $min-margin: 0) {
+ @if $margin {
+ margin-left: $not-expanded-horizontal-margins !important;
+ margin-right: $not-expanded-horizontal-margins !important;
+ } @else {
+ padding-left: $not-expanded-horizontal-margins !important;
+ padding-right: $not-expanded-horizontal-margins !important;
+ }
+
+ @media screen and (max-width: $mobile-view) {
+ width: auto;
+
+ @if $margin {
+ margin: $min-margin !important;
+ } @else {
+ padding: $min-margin !important;
+ }
+ }
+
+ @media screen and (min-width: #{breakpoint(fhd)}) {
+ @if $margin {
+ margin-left: 6vw !important;
+ margin-right: 6vw !important;
+ } @else {
+ padding-left: 6vw !important;
+ padding-right: 6vw !important;
+ }
+ }
+}