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

site-nav, projet

Browse source
This commit is contained in:
Julie Blanc 2026-02-10 17:53:47 +01:00
parent c3248a21f9
commit a0fa93a62e
7 changed files with 34 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

3
.vscode/settings.json vendored Normal file
View file

@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}

6
assets/css/_home.scss
View file

@ -28,6 +28,8 @@
#main_home{
section{
padding: calc(var(--unit)*3) var(--padding-body);
position: relative;
z-index: 1000;
.section--inner{
max-width: 1100px;
margin: 0 auto;
@ -38,10 +40,6 @@
}
.item-nav__group{
display: flex;
flex-direction: column;

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

@ -8,6 +8,8 @@
align-items: center;
padding: 0 var(--padding-body);
gap: calc(var(--unit)*2);
position: relative;
z-index: 10000;
a{ text-decoration: none; }

5
assets/css/_site-nav.scss
View file

@ -1,4 +1,9 @@
#site-nav{
z-index: 10000;
}
#site-nav a {
text-decoration: none;
color: currentColor;

8
assets/style.css
View file

@ -95,6 +95,8 @@ button {
align-items: center;
padding: 0 var(--padding-body);
gap: calc(var(--unit) * 2);
position: relative;
z-index: 10000;
}
#site-header a {
text-decoration: none;
@ -177,6 +179,10 @@ button {
cursor: pointer;
}
#site-nav {
z-index: 10000;
}
#site-nav a {
text-decoration: none;
color: currentColor;
@ -672,6 +678,8 @@ span.controls::after {
#main_home section {
padding: calc(var(--unit) * 3) var(--padding-body);
position: relative;
z-index: 1000;
}
#main_home section .section--inner {
max-width: 1100px;

2
assets/style.css.map
View file

File diff suppressed because one or more lines are too long

15
components/site-nav.html
View file

@ -1,8 +1,19 @@
<nav id="site-nav">
<ul class="nav-level-1_ul">
<li class="nav-level-1_li">
<a class="nav-level-1_link" href="#">À propos</a>
<li class="nav-level-1_li li-dropdown">
<a class="nav-level-1_link" href="#">Le projet <span class="arrow"><include src="/components/icons/arrow-dropdown.svg"></include></span></a>
<ul class="nav-level-2_ul">
<li class="nav-level-2_li"><a class="nav-level-2_link" href="#">À propos</a></li>
<li class="nav-level-2_li"><a class="nav-level-2_link" href="#">Équipe</a></li>
<li class="nav-level-2_li"><a class="nav-level-2_link" href="#">Communauté</a></li>
<li class="nav-level-2_li"><a class="nav-level-2_link" href="#">Publications</a></li>
<li class="nav-level-2_li"><a class="nav-level-2_link" href="#">Crédits et partenaires</a></li>
<li class="nav-level-2_li"><a class="nav-level-2_link" href="#">Contact</a></li>
<li class="nav-level-2_li"><a class="nav-level-2_link" href="#">Mentions légales</a></li>
</ul>
</li>
<li class="nav-level-1_li li-dropdown">
<a class="nav-level-1_link" href="#">Base de connaissance <span class="arrow"><include src="/components/icons/arrow-dropdown.svg"></include></span></a>
<ul class="nav-level-2_ul">