-@mixin adapt-margin-content-width {
- width: $video-miniature-width * 6;
- margin: auto !important;
-
- @media screen and (max-width: 1800px) {
- width: $video-miniature-width * 5;
- }
-
- @media screen and (max-width: 1800px - $video-miniature-width) {
- width: $video-miniature-width * 4;
- }
-
- @media screen and (max-width: 1800px - (2* $video-miniature-width)) {
- width: $video-miniature-width * 3;
- }
-
- @media screen and (max-width: 1800px - (3* $video-miniature-width)) {
- width: $video-miniature-width * 2;
- }
-
- @media screen and (max-width: $mobile-view) {
- width: auto;
- margin: 0 !important;
-
- .videos {
- @include video-miniature-small-screen;
- }
- }
+@mixin grid-videos-miniature-layout-with-margins {
+ @include grid-videos-miniature-margins;
+ @include grid-videos-miniature-layout;