@import '_variables';
@import '_mixins';
+@import '_bootstrap-variables';
+
+$other-videos-width: 260px;
.root-row {
flex-direction: column;
/deep/ .other-videos {
padding-left: 15px;
- width: 260px;
+ width: $other-videos-width;
.title-page {
margin-top: 0 !important;
}
}
+@media screen and (min-width: map-get($grid-breakpoints, xl)) {
+ .video-bottom .video-info {
+ max-width: calc(100% - #{$other-videos-width});
+ }
+}
@media screen and (max-width: 1600px) {
.video-bottom .video-info .video-attributes .video-attribute {
font-weight: $font-semibold;
}
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1600px) {
.main-col {
&.expanded {
.margin-content {
--- /dev/null
+$dropdown-link-active-bg: inherit;
+
+$zindex-modal: 10005;
+$modal-footer-border-width: 0;
+$modal-md: 600px;
+
+$grid-breakpoints: (
+ // Extra small screen / phone
+ xs: 0,
+ // Small screen / phone
+ sm: 576px,
+ // Medium screen / tablet
+ md: 768px,
+ // Large screen / desktop
+ lg: 900px,
+ // Extra large screen / wide desktop
+ xl: 1200px
+);
+
+$container-max-widths: (
+ sm: 420px,
+ md: 720px,
+ lg: 900px,
+ xl: 1140px
+);
+
+$input-btn-focus-width: 0;
+$input-btn-focus-color: inherit;
+$input-focus-border-color: #ced4da;
+
+$nav-pills-link-active-bg: #F0F0F0;
+$nav-pills-link-active-color: #000;
\ No newline at end of file
-$dropdown-link-active-bg: inherit;
-
-$zindex-modal: 10005;
-$modal-footer-border-width: 0;
-$modal-md: 600px;
-
-$grid-breakpoints: (
- // Extra small screen / phone
- xs: 0,
- // Small screen / phone
- sm: 576px,
- // Medium screen / tablet
- md: 768px,
- // Large screen / desktop
- lg: 900px,
- // Extra large screen / wide desktop
- xl: 1200px
-);
-
-$container-max-widths: (
- sm: 420px,
- md: 720px,
- lg: 900px,
- xl: 1140px
-);
-
-$input-btn-focus-width: 0;
-$input-btn-focus-color: inherit;
-$input-focus-border-color: #ced4da;
-
-$nav-pills-link-active-bg: #F0F0F0;
-$nav-pills-link-active-color: #000;
+@import "./_bootstrap-variables";
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';