47 lines
850 B
SCSS
47 lines
850 B
SCSS
:host {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.header {
|
|
// background-color: var(--mat-sys-primary-container);
|
|
// color: var(--mat-sys-on-primary-container);
|
|
color: var(--mat-sys-on-primary);
|
|
background-color: var(--mat-sys-primary);
|
|
padding: 0.5rem 1rem;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&__avatar {
|
|
background-image: url("../../assests/images/rc-header-logo.jpeg");
|
|
background-size: cover;
|
|
height: 40px;
|
|
width: 40px;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
&__logo {
|
|
font-size: 1.2rem;
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
letter-spacing: 0.063rem;
|
|
margin-left: 0.25rem;
|
|
}
|
|
|
|
&__spacer {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.header__nav {
|
|
.header__button {
|
|
&--flat {
|
|
&:hover {
|
|
opacity: 1.8; /* Apply opacity change on hover */
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|