@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
+$assets-path: '../assets';
+
.peertube-container {
padding-bottom: 20px;
}
.sub-header-container {
margin-top: $header-height;
- background-color: var(--mainBackgroundColor);
+ background-color: pvar(--mainBackgroundColor);
width: 100%;
}
position: fixed;
top: 0;
width: 100%;
- background-color: var(--mainBackgroundColor);
+ background-color: pvar(--mainBackgroundColor);
z-index: z(header);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
display: flex;
@include icon(24px);
&.icon-menu {
- background-color: var(--mainForegroundColor);
- mask-image: url('../assets/images/header/menu.svg');
+ background-color: pvar(--mainForegroundColor);
+ mask-image: url('#{$assets-path}/images/misc/menu.svg');
margin: 0 18px 0 20px;
}
}
.icon.icon-logo {
display: inline-block;
- background: url('../assets/images/logo.svg') no-repeat;
width: 23px;
height: 24px;
+ margin-right: .5rem;
}
}