46 lines
698 B
SCSS
46 lines
698 B
SCSS
@use '~@angular/material' as mat;
|
|
@mixin navigation-component-theme($theme) {
|
|
$accent: map-get($theme, accent);
|
|
|
|
.navigation-bar {
|
|
overflow: hidden;
|
|
position: fixed;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1000;
|
|
|
|
.active {
|
|
color: mat.get-color-from-palette($accent);
|
|
}
|
|
|
|
.user-label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.app-logo {
|
|
margin-right: 30px;
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
|
|
.progress-bar {
|
|
top: 64px;
|
|
left: 0;
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 4;
|
|
}
|
|
}
|
|
.two-line-mat-option {
|
|
// height: 3.5em;
|
|
line-height: 1.2em;
|
|
}
|
|
.buttonNav:hover {
|
|
color: aliceblue;
|
|
}
|
|
|
|
.login-label {
|
|
text-transform: uppercase;
|
|
}
|