botascopia-webiste-static/assets/css/_site-header.scss
2026-02-16 14:42:56 +01:00

72 lines
No EOL
1.4 KiB
SCSS
Executable file

@use "abstracts/mixins.scss" as *;
#site-header{
height: var(--header-h);
width: 100vw;
background-color: var(--white);
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 var(--padding-body);
gap: calc(var(--unit)*2);
position: relative;
z-index: var(--header-z);
a{ text-decoration: none; }
// #logo-botascopia{
// display: flex;
// align-items: center;
// gap: 10px;
// svg{
// width: 35px;
// fill: var(--color-green);
// }
// }
// h1{
// font-family: var(--font-title);
// color: var(--color-txt);
// text-decoration: none;
// font-size: 25px;
// position: relative;
// top: -2px;
// color: var(--color-green);
// position: absolute;
// opacity: 0;
// }
#logo-botascopia{
svg{
width: 180px;
fill: var(--color-green);
}
}
h1{
position: absolute;
opacity: 0;
}
}
#site-header ul{
list-style: none;
}
#btn__connexion{
font-weight: 500;
font-size: 1rem;
background-color: var(--color-txt);
color: white;
display: inline-flex;
align-items: center;
height: calc(var(--unit)*1.25);
padding: 0px 1ch;
border-radius: var(--radius-btn);
cursor: pointer;
}