-@import '_bootstrap-variables';
-@import '_variables';
-@import '_mixins';
-@import '_miniature';
+@use '_bootstrap-variables';
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
-$iconSize: 16px;
+$icon-size: 16px;
::ng-deep my-video-list-header {
display: flex;
my-feed {
display: inline-block;
- width: calc(#{$iconSize} - 2px);
+ width: calc(#{$icon-size} - 2px);
}
.moderation-block {
+ @include margin-left(.4rem);
- my-global-icon {
- position: relative;
- width: $iconSize;
- }
-
- margin-left: .4rem;
display: flex;
justify-content: flex-end;
align-items: center;
+
+ my-global-icon {
+ position: relative;
+ width: $icon-size;
+ }
}
}
}
.margin-content {
- @include grid-videos-miniature-layout;
+ @include grid-videos-miniature-layout-with-margins;
}
.display-as-row.videos {
- margin-left: pvar(--horizontalMarginContent);
- margin-right: pvar(--horizontalMarginContent);
+ @include margin-left(pvar(--horizontalMarginContent));
+ @include margin-right(pvar(--horizontalMarginContent));
.video-wrapper {
margin-bottom: 15px;
margin-bottom: 10px;
.title-page {
+ @include margin-right(0);
+
margin-bottom: 10px;
- margin-right: 0px;
}
}
}