diff options
Diffstat (limited to 'client/src/sass/include/_miniature.scss')
-rw-r--r-- | client/src/sass/include/_miniature.scss | 28 |
1 files changed, 8 insertions, 20 deletions
diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss index 457a7151c..426263444 100644 --- a/client/src/sass/include/_miniature.scss +++ b/client/src/sass/include/_miniature.scss | |||
@@ -178,32 +178,20 @@ $play-overlay-width: 18px; | |||
178 | 178 | ||
179 | // Use margin by default, or padding if $margin is false | 179 | // Use margin by default, or padding if $margin is false |
180 | @mixin fluid-videos-miniature-margins ($margin: true, $min-margin: 0) { | 180 | @mixin fluid-videos-miniature-margins ($margin: true, $min-margin: 0) { |
181 | --fluidVideosMiniatureMargins: #{pvar(--horizontalMarginContent)}; | ||
182 | |||
181 | @if $margin { | 183 | @if $margin { |
182 | margin-left: $not-expanded-horizontal-margins !important; | 184 | margin-left: var(--fluidVideosMiniatureMargins) !important; |
183 | margin-right: $not-expanded-horizontal-margins !important; | 185 | margin-right: var(--fluidVideosMiniatureMargins) !important; |
184 | } @else { | 186 | } @else { |
185 | padding-left: $not-expanded-horizontal-margins !important; | 187 | padding-left: var(--fluidVideosMiniatureMargins) !important; |
186 | padding-right: $not-expanded-horizontal-margins !important; | 188 | padding-right: var(--fluidVideosMiniatureMargins) !important; |
187 | } | 189 | } |
188 | 190 | ||
189 | @media screen and (max-width: $mobile-view) { | 191 | @media screen and (max-width: $mobile-view) { |
190 | width: auto; | 192 | --fluidVideosMiniatureMargins: $min-margin; |
191 | 193 | ||
192 | @if $margin { | 194 | width: auto; |
193 | margin: $min-margin !important; | ||
194 | } @else { | ||
195 | padding: $min-margin !important; | ||
196 | } | ||
197 | } | ||
198 | |||
199 | @media screen and (min-width: #{breakpoint(fhd)}) { | ||
200 | @if $margin { | ||
201 | margin-left: 6vw !important; | ||
202 | margin-right: 6vw !important; | ||
203 | } @else { | ||
204 | padding-left: 6vw !important; | ||
205 | padding-right: 6vw !important; | ||
206 | } | ||
207 | } | 195 | } |
208 | } | 196 | } |
209 | 197 | ||