taille logo header

This commit is contained in:
2021-11-28 22:03:14 +01:00
parent 9560b939a5
commit 0b9d875880
3 changed files with 25 additions and 10 deletions
+12 -6
View File
@@ -476,7 +476,8 @@ a {
.path-actualites .block-region-content { .path-actualites .block-region-content {
display: grid; display: grid;
grid-template-columns: 1fr 8fr 1fr; grid-template-columns: 1fr 8fr 1fr;
margin: auto; } margin: auto;
padding-top: 3rem; }
.path-actualites .block-region-content .block-views { .path-actualites .block-region-content .block-views {
grid-column: 2; } grid-column: 2; }
.path-actualites .block-region-content .block-views .view-content { .path-actualites .block-region-content .block-views .view-content {
@@ -491,7 +492,9 @@ a {
.path-actualites .block-region-content .block-views .node-type-actualite { .path-actualites .block-region-content .block-views .node-type-actualite {
color: #09398b; color: #09398b;
line-height: 1.5rem; line-height: 1.5rem;
padding: 0.5rem; } padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem; }
.path-actualites .block-region-content .block-views .node-type-actualite div:first-child { .path-actualites .block-region-content .block-views .node-type-actualite div:first-child {
display: flex; display: flex;
flex-direction: column; } flex-direction: column; }
@@ -572,7 +575,6 @@ header {
#header-top { #header-top {
height: 7rem; height: 7rem;
background-color: white; background-color: white;
box-shadow: 1px 0px 8px black;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@@ -582,6 +584,7 @@ header {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding: 1rem; padding: 1rem;
padding-left: 3rem;
align-items: start; align-items: start;
color: black; color: black;
font-weight: 800; } font-weight: 800; }
@@ -589,13 +592,16 @@ header {
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; } align-items: center; }
#header-top .region-header-top-left #block-logogouv img {
width: 80%;
height: auto; }
#header-top .region-header-top-left #block-logoeql { #header-top .region-header-top-left #block-logoeql {
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center; }
padding-left: 2rem; }
#header-top .region-header-top-left #block-logoeql img { #header-top .region-header-top-left #block-logoeql img {
height: 80%; } width: 80%;
height: auto; }
#header-top .region-header-top-left ul { #header-top .region-header-top-left ul {
list-style: none; list-style: none;
display: flex; display: flex;
@@ -8,6 +8,7 @@
display: grid; display: grid;
grid-template-columns: 1fr 8fr 1fr; grid-template-columns: 1fr 8fr 1fr;
margin: auto; margin: auto;
padding-top: 3rem;
.block-views{ .block-views{
grid-column: 2; grid-column: 2;
@@ -27,6 +28,8 @@
color: $blue-dark; color: $blue-dark;
line-height: 1.5rem; line-height: 1.5rem;
padding: 0.5rem; padding: 0.5rem;
padding-right: 1rem;
padding-left: 1rem;
div:first-child{ div:first-child{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -14,7 +14,7 @@ header{
#header-top { #header-top {
height: 7rem; height: 7rem;
background-color: $white; background-color: $white;
box-shadow: 1px 0px 8px $black; // box-shadow: 1px 0px 8px $black;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
@@ -26,6 +26,7 @@ header{
display:flex; display:flex;
flex-direction: row; flex-direction: row;
padding: 1rem; padding: 1rem;
padding-left: 3rem;
align-items:start; align-items:start;
color: $black; color: $black;
font-weight: 800; font-weight: 800;
@@ -34,14 +35,19 @@ header{
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
img{
width: 80%;
height: auto;
}
} }
#block-logoeql{ #block-logoeql{
display: flex; display: flex;
height: 100%; height: 100%;
align-items: center; align-items: center;
padding-left: 2rem;
img{ img{
height: 80%; width: 80%;
height: auto;
} }
} }