-@import '_variables';
-@import '_mixins';
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@use '_variables' as *;
+@use '_mixins' as *;
.peertube-container {
padding-bottom: 20px;
width: 100%;
}
-.header {
+.root-header {
height: $header-height;
position: fixed;
top: 0;
width: 100%;
background-color: pvar(--mainBackgroundColor);
- z-index: z(header);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
display: flex;
}
}
}
-.header-right {
+.root-header-right {
height: $header-height;
display: flex;
align-items: center;
}
.icon.icon-logo {
+ @include margin-right(0.5rem);
+
display: inline-block;
width: 23px;
height: 24px;
- margin-right: 0.5rem;
}
}
cursor: pointer;
width: 20px;
}
-
- ::ng-deep {
- p {
- font-size: 16px;
- }
-
- p:last-child {
- margin-bottom: 0;
- }
- }
}