pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test variables globales couleurs

Browse Source
This commit is contained in:
hugogogo
2021-03-11 19:34:53 +01:00
parent 8c1e06d682
commit d5de3d34e2
9 changed files with 40 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
styles/nav.css
View File

@@ -2,36 +2,40 @@
/*---------------------------------------------*/
/*NAVBAR*/
body nav {
border-bottom: 1px solid lightgrey;
border-bottom: 1px solid var(--color-lines);
}
body nav * {
display: flex;
flex-direction: row;
margin: auto;
}
body nav .nav_left, body nav .nav_right {
margin: 2px auto;
height: 100%;
}
/* nav_left is used for links to pages*/
body nav .nav_left {
margin-left: 2px;
padding-left: 20px;
padding-right: 20px;
margin-left: 0px;
}
body nav .nav_left a {
height: 100%;
margin: auto 20px;
padding: 0px 20px;
}
body nav .nav_left #nav_logo {
padding-left: 40px;
padding-right: 40px;
}
body nav .nav_left a p {
height: auto;
}
body nav .nav_left img {
height: 100%;
height: calc(100% - 4px);
}
body nav a:not(#nav_logo):hover, body nav a:not(#nav_logo):focus {
background-color: var(--color-back-dark);
}
/* nav_right is used for actions such as connection, search or language*/
body nav .nav_right {
margin-right: 2px;
}
/* links looks on hover or click*/
body nav a:hover, body nav a:focus {
background-color: lightgrey;
body nav .nav_right img.flag {
height: calc(var(--nav-height) / 2);
}