diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css
index a4a88e3..6e379c1 100644
--- a/web/themes/custom/eql/css-compiled/styles.css
+++ b/web/themes/custom/eql/css-compiled/styles.css
@@ -223,7 +223,8 @@ a {
.block-views-blockactus-blocks-pages-block-1 .view-content {
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
- margin: auto; }
+ margin: auto;
+ padding-top: 2rem; }
.block-views-blockactus-blocks-pages-block-1 .view-content .views-row:nth-of-type(1) {
grid-column: 2; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite {
@@ -242,6 +243,9 @@ a {
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images .field__item img {
width: 50%;
height: fit-content; }
+ .block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field--name-field-images::after {
+ display: block;
+ content: url('data:image/svg+xml,'); }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite .field:not(.field--name-field-images) {
width: 100%; }
.block-views-blockactus-blocks-pages-block-1 .view-content .node-type-actualite h2 {
@@ -295,6 +299,9 @@ a {
text-transform: uppercase;
font-weight: 700;
color: #009ee3; }
+ .view-display-id-block_2 .node-type-static .inline.links a:after {
+ display: block;
+ width: 40px; }
.view-display-id-block_2 .node-type-static .field--name-field-images .field__item img {
width: 15rem;
height: auto; }
@@ -337,22 +344,27 @@ a {
.path-actualites {
background-color: rgba(0, 158, 227, 0.2);
margin: 0; }
-
-.node-type-actualite {
- color: #09398b;
- line-height: 1.5rem;
- padding: 0.5rem; }
- .node-type-actualite div:first-child {
- display: flex;
- flex-direction: column; }
- .node-type-actualite div:first-child :nth-child(1) {
- order: 1; }
- .node-type-actualite div:first-child :nth-child(4) {
- order: 2; }
- .node-type-actualite div:first-child :nth-child(5) {
- order: 3; }
- .node-type-actualite div:first-child a {
- color: #09398b; }
+ .path-actualites .block-region-content {
+ display: grid;
+ grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+ margin: auto; }
+ .path-actualites .block-region-content .block-views:nth-of-type(1) {
+ grid-column: 2; }
+ .path-actualites .block-region-content .block-views .node-type-actualite {
+ color: #09398b;
+ line-height: 1.5rem;
+ padding: 0.5rem; }
+ .path-actualites .block-region-content .block-views .node-type-actualite div:first-child {
+ display: flex;
+ flex-direction: column; }
+ .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
+ order: 1; }
+ .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
+ order: 2; }
+ .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
+ order: 3; }
+ .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
+ color: #09398b; }
/*partials*/
.layout-container {
@@ -423,11 +435,8 @@ header {
#header-top #block-burger h2:after {
display: block;
height: 60px;
- font-family: 'Font Awesome';
- content: "\f0c9";
- font-weight: 100;
- font-size: 5rem;
- height: 6rem; }
+ content: url('data:image/svg+xml,');
+ content: url('data:image/svg+xml,'); }
#header-top #block-burger #block-burger-menu {
display: block;
margin: 0;
diff --git a/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png b/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png
new file mode 100644
index 0000000..df9e212
Binary files /dev/null and b/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.png differ
diff --git a/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.svg b/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.svg
index 0bc7bab..0fa95d6 100644
--- a/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.svg
+++ b/web/themes/custom/eql/images/pictos/noun_Arrow_3771902.svg
@@ -1,24 +1,28 @@
+ inkscape:current-layer="svg8"
+ inkscape:pagecheckerboard="0"
+ width="99px" />
diff --git a/web/themes/custom/eql/images/pictos/polygon2.png b/web/themes/custom/eql/images/pictos/polygon2.png
new file mode 100644
index 0000000..df9e212
Binary files /dev/null and b/web/themes/custom/eql/images/pictos/polygon2.png differ
diff --git a/web/themes/custom/eql/scss/pages/_actualites.scss b/web/themes/custom/eql/scss/pages/_actualites.scss
index 90196e5..9df37eb 100644
--- a/web/themes/custom/eql/scss/pages/_actualites.scss
+++ b/web/themes/custom/eql/scss/pages/_actualites.scss
@@ -1,30 +1,55 @@
-// .block-region-content{
-// background-color: $background-actus; // ça va pas, donne la couleur dans home
-
-// }
-
.path-actualites{
background-color: $background-actus;
margin: 0;
+ .block-region-content{
+
+ display: grid;
+ grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+ margin: auto;
+ .block-views:nth-of-type(1){
+ grid-column: 2;
+ }
+ .block-views{
+
+ .node-type-actualite{
+
+ color: $blue-dark;
+ line-height: 1.5rem;
+ padding: 0.5rem;
+ div:first-child{
+ display: flex;
+ flex-direction: column;
+
+ :nth-child(1) { order: 1; }
+ :nth-child(4) { order: 2; }
+ :nth-child(5) { order: 3; }
+ a{
+ color: $blue-dark;
+ }
+ }
+ }
+ }
+
+ }
}
-.node-type-actualite{
+// .node-type-actualite{
- color: $blue-dark;
- line-height: 1.5rem;
- padding: 0.5rem;
- div:first-child{
- display: flex;
- flex-direction: column;
+// color: $blue-dark;
+// line-height: 1.5rem;
+// padding: 0.5rem;
+// div:first-child{
+// display: flex;
+// flex-direction: column;
- :nth-child(1) { order: 1; }
- :nth-child(4) { order: 2; }
- :nth-child(5) { order: 3; }
- a{
- color: $blue-dark;
- }
- }
-}
\ No newline at end of file
+// :nth-child(1) { order: 1; }
+// :nth-child(4) { order: 2; }
+// :nth-child(5) { order: 3; }
+// a{
+// color: $blue-dark;
+// }
+// }
+// }
\ No newline at end of file
diff --git a/web/themes/custom/eql/scss/pages/_home.scss b/web/themes/custom/eql/scss/pages/_home.scss
index e008d4a..b028369 100644
--- a/web/themes/custom/eql/scss/pages/_home.scss
+++ b/web/themes/custom/eql/scss/pages/_home.scss
@@ -33,33 +33,20 @@
.view-content{
- // display: flex;
- // flex-direction: row;
+
display: grid;
grid-template-columns: 1fr repeat(4, 2fr) 1fr;
- // grid-template-areas: "margin-left actu1 actu2 actu3 actu4 margin-right";
- // justify-content: space-between;
- // padding-left: 8rem;
- // padding-right: 4rem;
margin: auto;
+ padding-top: 2rem;
.views-row:nth-of-type(1) { grid-column: 2; }
- // {
- // width: 25%;
- // :nth-of-type(1) { grid-column: 2; } // marche pas, la première actu se mets dans la 1re colu
- // :nth-of-type(2) { grid-area: actu2; }
- // :nth-of-type(3) { grid-area: actu3; }
- // :nth-of-type(4) { grid-area: actu4; }
- // }
- .node-type-actualite{
- // grid-column: 2 / span 5;
+ .node-type-actualite{
color: $white;
line-height: 1.5rem;
padding: 0.5rem;
div:first-child{ // block actu dans le bandeau
display: flex;
flex-direction: column;
-
:nth-child(1) { order: 1; }
:nth-child(4) { order: 2; }
:nth-child(5) { order: 3; }
@@ -68,9 +55,10 @@
.field__item img{
width: 50%;
height: fit-content;
- // &::after{
- // content:"line";
- // }
+ }
+ &::after{
+ display: block;
+ content:url('data:image/svg+xml,');
}
}
.field:not(.field--name-field-images){
@@ -161,9 +149,19 @@
text-transform: uppercase;
font-weight: 700;
color: $blue-light;
- // &::after{
- // content: url('../../images/pictos/noun_Arrow_3771902.svg');
- // }
+ &:after{
+ display: block;
+ // content: url("../images/pictos/noun_Arrow_3771902.svg");
+ width: 40px;
+ // background-image: ;
+
+ // content: url("data:image/svg+xml; utf8, ");
+ // // display:block;
+ // width:22px;
+ // height:10px;
+ // margin:10px 5px 0 10px;
+ }
}
}
.field--name-field-images{
diff --git a/web/themes/custom/eql/scss/partials/_header.scss b/web/themes/custom/eql/scss/partials/_header.scss
index 934e4e7..61c4d31 100644
--- a/web/themes/custom/eql/scss/partials/_header.scss
+++ b/web/themes/custom/eql/scss/partials/_header.scss
@@ -103,14 +103,17 @@ header{
h2:after{
display: block;
height: 60px;
- font-family: 'Font Awesome';
- content: "\f0c9";
- font-weight: 100;
- font-size: 5rem;
- // content:"";
+ // font-family: 'Font Awesome';
+ // content: "\f0c9";
+ // font-weight: 100;
+ // font-size: 5rem;
+ // content:url("../images/pictos/menu.png");
+ // content: url('data:image/svg+xml; utf8, ');
// background-image: url('~/web/themes/custom/eql/images/pictos/menu.png');
- height: 6rem;
- }
+ // height: 2rem;
+ content:url('data:image/svg+xml,');
+ content:url('data:image/svg+xml,');
+ }
#block-burger-menu{
display: block;