@import '~video.js/dist/video-js.css';
-$assets-path: '../assets/';
+$assets-path: '../../assets/';
@import './player/index';
-@import './loading-bar';
@import './bootstrap';
@import './primeng-custom';
--secondaryColor: #{$secondary-color};
--greyForegroundColor: #{$grey-foreground-color};
+ --greyBackgroundColor: #{$grey-background-color};
--menuBackgroundColor: #{$menu-background};
--menuForegroundColor: #{$menu-color};
--activatedActionButtonColor: #{$activated-action-button-color};
+ --expanded-horizontal-margin-content: $expanded-horizontal-margins;
+
font-family: $main-fonts;
font-weight: $font-regular;
color: pvar(--mainForegroundColor);
z-index: #{z('header') - 1};
& + .margin-content {
- margin-top: $sub-menu-margin-bottom;
+ padding-top: $sub-menu-height + $sub-menu-margin-bottom;
}
}
width: 100%;
.margin-content {
- margin-left: $expanded-horizontal-margins;
- margin-right: $expanded-horizontal-margins;
+ margin-left: var(--expanded-horizontal-margin-content);
+ margin-right: var(--expanded-horizontal-margin-content);
}
.sub-menu {
- padding-left: $expanded-horizontal-margins;
- padding-right: $expanded-horizontal-margins;
+ padding-left: var(--expanded-horizontal-margin-content);
+ padding-right: var(--expanded-horizontal-margin-content);
}
}
max-height: 500px;
display: flex;
+ flex-direction: column;
align-items: center;
justify-content: center;
font-size: 16px;
.main-col {
&.expanded {
.margin-content {
- margin-left: $expanded-horizontal-margins/2;
- margin-right: $expanded-horizontal-margins/2;
+ --expanded-horizontal-margin-content: $expanded-horizontal-margins/2;
}
}
}
.main-col {
&, &.expanded {
.margin-content {
- margin-left: $expanded-horizontal-margins/3;
- margin-right: $expanded-horizontal-margins/3;
+ --expanded-horizontal-margin-content: $expanded-horizontal-margins/3;
}
.sub-menu {
&, &.expanded {
.margin-content {
- margin-left: 15px;
- margin-right: 15px;
+ --expanded-horizontal-margin-content: 15px;
}
.sub-menu {