Files
psychartherapie-v2/styles/header.scss
2023-08-30 19:15:19 +02:00

52 lines
2.1 KiB
SCSS

.navbar {
font-family: 'Nunito', sans-serif;
background: var(--header-BackgroundColor);
color: var(--header-textColor);
z-index: 9999;
height: var(--header-Height);
padding: 0 3.75rem;
.navbar-brand {
h3 {
margin-bottom: 0;
}
img {
height: 3rem;
width: 2.625rem;
}
.title {
font-size: 1.75rem;
font-weight: 350;
line-height: 2.1rem;
}
.subtitle {
font-size: 1.125rem;
font-weight: 250;
}
}
.nav-item .nav-link {
font-family: 'Nunito', sans-serif;
font-size: 1.4rem;
line-height: 1.5rem;
font-weight: 250;
white-space: nowrap;
&:hover {
color: rgba(255,255,255, .75);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
}
}
.external-link-icon:after {
content: "";
position: relative;
display: inline-block;
left: 5px;
top: 2px;
background: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNzUuNzg4IDE4IDQ2LjU2NCA0Ny4yMjRhNC40MDIgNC40MDIgMCAwIDAgMCA2LjIyMyA0LjQwMyA0LjQwMyAwIDAgMCA2LjIyMyAwTDgyIDI0LjIzM3Y5Ljc3QTQuMDAxIDQuMDAxIDAgMCAwIDg2IDM4YzIuMjA1IDAgNC0xLjc5IDQtMy45OTdWMTMuOTk3YzAtMS4xMDEtLjQ0Ny0yLjEtMS4xNy0yLjgyNEEzLjk4MyAzLjk4MyAwIDAgMCA4Ni4wMDIgMTBINjUuOTk3QTQuMDAxIDQuMDAxIDAgMCAwIDYyIDE0YzAgMi4yMDUgMS43OSA0IDMuOTk3IDRoOS43OTFaTTkwIDU4VjM4Ljk4NSA4MC4wM2MwIDUuNTA2LTMuOTY3IDkuOTctOC44NjcgOS45N0gxOC44NjdDMTMuOTcgOTAgMTAgODUuNTI3IDEwIDgwLjAzVjE5Ljk3YzAtNS41MDYgMy45NjctOS45NyA4Ljg2Ny05Ljk3aDQyLjdINDJhNCA0IDAgMSAxIDAgOEgyMC4yNzhDMTkuMDA1IDE4IDE4IDE5LjE5NSAxOCAyMC42NjlWNzkuMzNDMTggODAuNzggMTkuMDIgODIgMjAuMjc4IDgyaDU5LjQ0NEM4MC45OTUgODIgODIgODAuODA1IDgyIDc5LjMzMVY1OGE0IDQgMCAxIDEgOCAwWiIgZmlsbD0iI2ZmZDM5YyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48L3N2Zz4=') center center;
background-size: contain;
height: 16px;
width: 16px;
}