2025-02-25 22:21:31 -05:00
|
|
|
// :host {
|
|
|
|
|
// color: var(--mat-sys-primary);
|
|
|
|
|
// background-color: var(--mat-sys-surface);
|
|
|
|
|
// padding: 8px 16px;
|
|
|
|
|
// // color: var(--mat-sys-on-primary);
|
|
|
|
|
// // background-color: var(--mat-sys-primary);
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// header {
|
|
|
|
|
// font-weight: 700;
|
|
|
|
|
// font-size: 14px;
|
|
|
|
|
// letter-spacing: 1px;
|
|
|
|
|
// text-transform: uppercase;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
// .spacer {
|
|
|
|
|
// flex-grow: 1;
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
.header {
|
|
|
|
|
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 */
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
