fix flex logo ? + prefixer

web/themes/custom/eql/css-compiled/styles.css

@@ -223,7 +223,7 @@ a {
   .path-node.page-node-type-static .layout-container .layout-content .layout__region--second .block-entity-fieldnodefield-textes .field--name-field-titre {
     font-size: 1.5rem;
     font-weight: 1000;
-    font-family: 'Source Code Pro';
+    font-family: 'Source Code Pro', monospace;
     color: #09398b;
     text-transform: uppercase;
     margin-top: 2rem;
@@ -2398,7 +2398,7 @@ a {
         background-color: black;
         width: 40px;
         justify-content: center;
-        align-items: end; }
+        align-items: flex-end; }
         #header-top #block-socialnetwork-2 p .link-twitter:before {
           content: url("../images/pictos/twitter_white.svg");
           min-width: 30px;
@@ -2408,7 +2408,7 @@ a {
         background-color: black;
         min-width: 40px;
         justify-content: center;
-        align-items: end; }
+        align-items: flex-end; }
         #header-top #block-socialnetwork-2 p .link-youtube:before {
           content: url("../images/pictos/youtube_white.svg");
           min-width: 25px;
@@ -2418,7 +2418,7 @@ a {
         background-color: black;
         min-width: 40px;
         justify-content: center;
-        align-items: end; }
+        align-items: flex-end; }
         #header-top #block-socialnetwork-2 p .link-linkedin:before {
           content: url("../images/pictos/linkedin_white.svg");
           min-width: 35px;
@@ -2513,7 +2513,7 @@ a {
         margin-top: 0;
         display: flex;
         flex-direction: row-reverse;
-        justify-content: start; }
+        justify-content: flex-start; }
         #fotter-bottom .region-footer-bottom-right #block-socialnetwork .field--name-body p a {
           color: white;
           font-size: 0;

web/themes/custom/eql/eql.libraries.yml

@@ -1,7 +1,8 @@
 global-css:
   css:
     theme:
-       css-compiled/prefixed/styles.css: {}
+      #  css-compiled/styles.css: {}
+       css-prefixed/styles.css: {}
 global-js:
   js:
     scripts/main.js: {}

web/themes/custom/eql/package.json

@@ -5,7 +5,7 @@
   "main": "index.js",
   "scripts": {
     "sass": "node-sass -w scss -o css-compiled",
-    "prefix": "postcss ./css-compiled/styles.css --use autoprefixer -d ./css-compiled/prefixed/"
+    "prefix": "postcss ./css-compiled/styles.css --use autoprefixer -d ./css-prefixed/"
   },
   "repository": {
     "type": "git",

web/themes/custom/eql/scss/pages/_static.scss

@@ -70,7 +70,7 @@
                         .field--name-field-titre{
                             font-size: 1.5rem;
                             font-weight: 1000;
-                            font-family: 'Source Code Pro';
+                            font-family: 'Source Code Pro', monospace;
                             color: $blue-dark;
                             text-transform: uppercase;
                             margin-top: 2rem;

web/themes/custom/eql/scss/partials/_footer.scss

@@ -64,7 +64,7 @@
                     margin-top: 0;
                     display: flex;
                     flex-direction: row-reverse;
-                    justify-content: start;
+                    justify-content: flex-start;
 
                     a{
                         color: $white;

web/themes/custom/eql/scss/partials/_header.scss

@@ -219,7 +219,7 @@
                     background-color: black;
                     width: 40px;
                     justify-content: center;
-                    align-items: end;
+                    align-items: flex-end;
                     &:before{
                         content: url("../images/pictos/twitter_white.svg");
                         min-width: 30px;
@@ -231,7 +231,7 @@
                     background-color: black;
                     min-width: 40px;
                     justify-content: center;
-                    align-items: end;
+                    align-items: flex-end;
                     &:before{
                         content: url("../images/pictos/youtube_white.svg");
                         min-width: 25px;
@@ -243,7 +243,7 @@
                     background-color: black;
                     min-width: 40px;
                     justify-content: center;
-                    align-items: end;
+                    align-items: flex-end;
                     // background-position-y: top;
                   
                 &:before{