first real commit ouid

web/themes/custom/eql/scss/global/layout.scss

@@ -0,0 +1,4 @@
+// .node-type-static{
+//     display: grid;
+//     grid-template-columns: repeat(6,1fr);
+// }

web/themes/custom/eql/scss/global/variables/colors.scss

@@ -5,4 +5,5 @@
 $blue-light: rgb(0,158,227);
 $blue-dark: rgb(9,57,139);
 $grey-background: rgb(153,147,174);
-$black: rgb(0,0,0);
+$black: rgb(0,0,0);
+$white: rgb(255,255,255);

web/themes/custom/eql/scss/global/variables/typography.scss

@@ -1,14 +1,13 @@
 // Font Family
-$font-family-default:  			"Marianne", sans-serif;
-// $font-family-header:  			"Marianne", sans-serif;
-// $font-family-chapeau:           "Marianne", sans-serif;
-$font-family-mono: 				"Inconsolata", monospace;
-$font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
+$font-family-default: "Marianne", sans-serif;
+// $font-family-header: "Marianne", sans-serif;
+// $font-family-chapeau: "Marianne", sans-serif;
+$font-family-mono: "Inconsolata", monospace;
+$font-family-serif:	"Georgia", "Times", "Times New Roman", serif;
 
 
 
 // Font Weight
-
 // les deux lignes qui suivent ne marchent pas !!
 
 $font-regular: "Marianne", 600, normal;

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

@@ -0,0 +1,106 @@
+
+.path-node .page-node-type-static {
+    font-family: $font-family-default;
+}
+
+.paragraph paragraph--type--texte .paragraph--view-mode--default {
+    font-family: $font-family-default;
+}
+
+
+.node-type-static {
+    display: flex;
+    flex-direction: column;
+    font-family: $font-family-default;
+    .field--name-field-textes {
+        display: flex;
+        flex-direction: column;
+        max-width: 50%;
+        align-self: center;
+        margin: auto;
+        margin-left: 20%;
+        margin-right: 30%;
+        padding: 4rem;
+    }
+    .field--name-field-titre{
+        .field__item{
+            color: $blue-dark;
+            font-weight: 900;
+            font-size: 2rem;
+        }
+        .field__label{
+            visibility: hidden;
+        }
+    } 
+    .inter-titre {
+        color: $blue-light;
+        text-transform: uppercase;
+    }
+
+}
+
+// field field--name-field-liens field--type-link field--label-above
+
+
+.field--name-field-liens  {
+    // position: relative;
+    // position: sticky;
+    // clear: right;
+    float: right;
+    width: 20%;
+    margin-right: 10%;
+    margin-bottom: 2rem;
+    justify-items: center;
+    .ext {
+        display: flex;
+        flex-direction: row-reverse;
+        position: sticky;
+        height: fit-content;
+        font-weight: 900;
+        background-color: $blue-light;
+        color: $white;
+        text-decoration: none;
+        justify-content: left;  
+        align-items: center;  
+        padding: 0.2rem;
+        svg {
+            width: 70px;
+            height: 70px;
+            padding: 0;
+            padding-right: 1rem;
+            padding-left: 0.5rem;
+            padding-bottom: 1rem;
+            margin: 0;
+            fill: $black;
+            path, svg.mailto path {
+                stroke: $black;
+                stroke-width: 0.1px;
+                }   
+        }
+
+    }
+}
+
+.field--name-field-fichiers  {
+    position: relative;
+    clear: right;
+    float: right;
+    width: 20%;
+    margin-right: 10%;
+
+    .file--mime-application-pdf {
+        display: flex;
+        height: fit-content;
+        font-weight: 900;
+        background-color: $blue-light;
+        color: $white;
+        justify-content: right;  
+        align-items: center;  
+        padding: 1rem;
+        a {
+            color: $white;
+            text-decoration: none;
+            // outline: none;
+        }   
+    }
+}

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

@@ -1,49 +0,0 @@
-
-
-
-
-.dialog-off-canvas-main-canvas{
-    background-color: rgb(0, 255, 106) !important;
-}   
-
-
-.layout-container {
-    display: flex;
-    margin: auto;
-    background-color: red;
-    max-width: 70%;
-}
-
-#footer-bottom {
-
-    height: 200px;
-    background-color: salmon;
-}
-
-.layout-content {
-    display: flex;
-    margin: auto;
-    background-color: aqua;
-  
-    text-transform: uppercase;
-    max-width: 50%;
-  
-}
-
-#auth_box {
-    background-color: $blue-light;
-    font-family: $font-family-default;
-    font-style: $font-regular-italic;
-    // font-family: 'Marianne';
-    // font-weight: 300;
-    #middle_part {
-        color: $grey-background;
-        background-color: $black;
-    }
-}
-
-// class="rouge" que j'ai rajouté dans fichiers templates/layout/field.html.twig marche pas
-.rouge {
-    text-decoration: brown;
-}
-

web/themes/custom/eql/scss/styles.scss

@@ -6,6 +6,7 @@
 @import "global/fonts";
 @import "global/variables/typography";
 @import "global/variables/colors";
+@import "global/layout";
 
 
 /*pages*/
@@ -14,6 +15,6 @@
 @import "pages/home";*/
 
 // @import "pages/off_canvas_page_wrapper";
-@import "pages/test_lavanture";
+@import "pages/static";