studio-variable/botascopia-webiste-static
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

search

Browse source
This commit is contained in:
Julie Blanc 2026-02-16 14:04:45 +01:00
parent 1b76727eff
commit 3c10e88b18
14 changed files with 272 additions and 139 deletions
Download patch file Download diff file Expand all files Collapse all files

48
assets/css/_site-header.scss
View file

@ -1,3 +1,5 @@
@use "abstracts/mixins.scss" as *;
#site-header{
height: var(--header-h);
width: 100vw;
@ -38,52 +40,6 @@
list-style: none;
}
/*----------------*/
/* search bar */
/*----------------*/
.search {
display: flex;
flex-direction: row-reverse;
height: calc(var(--unit)*1.5);
flex-grow: 2;
}
.search__toggle {
display: none;
}
.search__label {
cursor: pointer;
user-select: none;
width: calc(var(--unit)*1.5);
height: calc(var(--unit)*1.5);
display: flex;
justify-content: center;
align-items: center;
}
.search__input {
display: none;
}
.search__icon{
width: var(--unit);
}
.search__icon--open {
display: block;
}
.search__icon--close {
display: none;
}
.search__toggle:checked ~ .search__input {
display: block;
}
.search__toggle:checked ~ .search__label .search__icon--open {
display: none;
}
.search__toggle:checked ~ .search__label .search__icon--close {
display: block;
}
#btn__connexion{
font-weight: 500;