|
@@ -24,7 +24,7 @@ $header-height: 15vh; |
|
|
header.site-header{ |
|
|
header.site-header{ |
|
|
|
|
|
|
|
|
position: fixed; |
|
|
position: fixed; |
|
|
width: 100vw; |
|
|
|
|
|
|
|
|
width: 100vw; |
|
|
border-top: none; |
|
|
border-top: none; |
|
|
min-height: $header-height; |
|
|
min-height: $header-height; |
|
|
display: flex; |
|
|
display: flex; |
|
@@ -174,13 +174,32 @@ h3{ |
|
|
list-style-type: none; |
|
|
list-style-type: none; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-wrap: wrap; |
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
li{ |
|
|
li{ |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex: 1 0 calc(25% - 12px); |
|
|
flex: 1 0 calc(25% - 12px); |
|
|
margin: 5px; |
|
|
margin: 5px; |
|
|
border: 1px solid #333; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
|
border: 1px solid #555; |
|
|
|
|
|
/*justify-content: center; |
|
|
|
|
|
align-items: center;*/ |
|
|
|
|
|
box-shadow: 8px 8px 12px #aaa; |
|
|
|
|
|
a{ |
|
|
|
|
|
display : flex; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
flex: 1; |
|
|
|
|
|
|
|
|
|
|
|
&:hover{ |
|
|
|
|
|
box-shadow: none; |
|
|
|
|
|
background-color: black; |
|
|
|
|
|
color : white; |
|
|
|
|
|
text-decoration: none; |
|
|
|
|
|
// a { |
|
|
|
|
|
// color : white; |
|
|
|
|
|
// } |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
li:after{ |
|
|
li:after{ |
|
|
content: ''; |
|
|
content: ''; |
|
@@ -189,6 +208,9 @@ h3{ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.cgu{ |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
} |
|
|
// .container{ |
|
|
// .container{ |
|
|
// border: 2px solid black; |
|
|
// border: 2px solid black; |
|
|
// display: flex; |
|
|
// display: flex; |
|
|