-@import '_variables';
-@import '_mixins';
-@import '~bootstrap/scss/functions';
-@import '~bootstrap/scss/variables';
+@use '_variables' as *;
+@use '_mixins' as *;
.peertube-container {
padding-bottom: 20px;
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;
}
display: flex;
align-items: center;
overflow: hidden;
+ padding: 0 0 0 10px;
.instance-name {
@include ellipsis;
width: 100%;
+
+ @media screen and (max-width: $mobile-view) {
+ display: none;
+ }
}
.icon.icon-logo {
+ @include margin-right(0.5rem);
+
display: inline-block;
width: 23px;
height: 24px;
- margin-right: 0.5rem;
- }
-
- @media screen and (max-width: $mobile-view) {
- display: none;
}
}
cursor: pointer;
width: 20px;
}
-
- ::ng-deep {
- p {
- font-size: 16px;
- }
-
- p:last-child {
- margin-bottom: 0;
- }
- }
}