agecem/agecem-org
4
1
Fork 0
Code Issues 31 Pull requests 2 Activity

Ajouter responsiveness au header #93

Merged
vlbeaudoin merged 21 commits from feature/responsive-header into main 2023-08-16 13:43:50 -04:00
Conversation 0 Commits 21 Files changed 15 +142 -138
4 changed files with 142 additions and 138 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 689d36f22c - Show all commits

46
public/css/general.css
View file

@ -28,17 +28,23 @@ body{
.heading1 {
font-family: "Poppins";
font-weight: 600; /*semi-bold*/
font-size: 3rem; /*48px*/
color: #394596; /*Bleu AGECEM*/
font-weight: 600;
/*semi-bold*/
font-size: 3rem;
/*48px*/
color: #394596;
/*Bleu AGECEM*/
text-align: center;
}
.heading2 {
font-family: "Poppins";
font-weight: 300; /*light*/
font-size: 1rem; /*16px*/
color: #394596; /*Bleu AGECEM*/
font-weight: 300;
/*light*/
font-size: 1rem;
/*16px*/
color: #394596;
/*Bleu AGECEM*/
text-align: center;
}
@ -50,12 +56,14 @@ body{
}
.heading1 {
font-size: 4rem; /*64px*/
font-size: 4rem;
/*64px*/
text-align: center;
}
.heading2 {
font-size: 1.5rem; /*24px*/
font-size: 1.5rem;
/*24px*/
text-align: center;
}
@ -69,29 +77,15 @@ body{
}
.heading1 {
font-size: 4rem; /*64px*/
font-size: 4rem;
/*64px*/
text-align: center;
}
.heading2 {
font-size: 1.5rem; /*24px*/
font-size: 1.5rem;
/*24px*/
text-align: center;
}
}
/*Utilisation du css Layout Grid pour faire le wrapper*/
.grid-wrapper {
display: grid;
grid-template-columns: auto minmax(375px, 1440px) auto;
grid-column-gap: 30px;
}
.grid-center {
grid-column: 2/3;
}

34
public/css/header.css
View file

@ -28,9 +28,12 @@ a:visited{
.headerMenu {
background-color: #fff;
font-family: "Poppins";
font-weight: 400; /*regular*/
font-size: 1.25rem; /*20px*/
color: #000; /*Noir pur*/
font-weight: 400;
/*regular*/
font-size: 1.25rem;
/*20px*/
color: #000;
/*Noir pur*/
list-style: none;
font-style: none;
display: none;
@ -42,7 +45,8 @@ a:visited{
}
.headerMenuElement:hover {
border-bottom: 5px #FF563C solid; /*Orange Highlight*/
border-bottom: 5px #FF563C solid;
/*Orange Highlight*/
cursor: pointer;
padding-bottom: 0;
}
@ -57,9 +61,12 @@ a:visited{
.headerMenuMobile {
font-family: "Poppins";
font-weight: 400; /*regular*/
font-size: 1.25rem; /*20px*/
color: #000; /*Noir pur*/
font-weight: 400;
/*regular*/
font-size: 1.25rem;
/*20px*/
color: #000;
/*Noir pur*/
list-style: none;
font-style: none;
display: none;
@ -67,7 +74,8 @@ a:visited{
.nav-is-active {
background-color: #fff;
font-size: 2rem; /*32px*/
font-size: 2rem;
/*32px*/
display: flex;
flex-flow: column;
justify-content: space-around;
@ -88,11 +96,14 @@ padding-bottom: 200px;
.headerMenu {
display: none;
}
.headerMenuHamburger {
display: block;
}
.nav-is-active {
font-size: 3rem; /*48px*/
font-size: 3rem;
/*48px*/
padding-top: 100px;
padding-bottom: 100px;
}
@ -106,13 +117,12 @@ padding-bottom: 200px;
justify-content: space-around;
align-items: center;
}
.headerMenuHamburger {
display: none;
}
.nav-is-active {
display: none;
}
}