statics

2021-11-18 00:27:47 +01:00
parent 888d001c27
commit 7cf70006ef
5 changed files with 330 additions and 40 deletions
@@ -0,0 +1,124 @@
+
+// .
+// .paragraph--type--texte {
+//     paragraph--type--texte 
+//     font-size: 2rem;
+// }
+.layout__region--top{
+    .block-entity-fieldnodefield-images{
+        img{
+            width: 65%;
+            object-fit: cover;
+            height: 500px;
+        }
+    }
+    .block-entity-fieldnodetitle{
+        display: block;
+        position: relative;
+        float: right;
+        top: -375px;
+        width: 60%;
+        .field--name-title{
+            font-size: 4rem;
+            font-weight: 800;
+            color: $blue-light;
+            background-color: $white;
+            padding: 2rem 1rem 2rem 1rem;
+        }
+    }
+
+}
+
+.layout__region--first{
+
+    .block-region-first{
+
+        .block-entity-fieldnodefield-textes{
+            // max-width: 70%;
+            // margin-left: 5rem;
+            display: flex;
+            justify-content: left;
+            padding-right: 2rem;
+            .field--name-field-titre{
+                display: flex;
+                font-size: 1rem;
+                font-weight: 800;
+                color: $blue-dark;
+                &:focus{
+                    text-decoration: underline;
+                }
+                &::after{
+                    border-bottom: olivedrab;
+                }
+            }
+        }
+    }
+}
+
+.layout__region--second{
+    
+    .block-entity-fieldnodefield-textes{
+        .field--name-field-titre{
+            font-size: 2rem;
+            font-weight: 800;
+            color: $blue-dark;
+        }
+        .field--type-text-long{
+            padding-right: 2rem;
+        }
+    }
+    
+}
+
+.layout__region--third{
+    .field--name-field-fichiers{
+        display: flex;
+        justify-self: right;
+        min-height: 4rem;
+        max-width: 70%;
+        background: #009ee3;
+        color: white;
+        align-content: flex-end;
+        align-items: center;
+        justify-content: center;
+ 
+
+        .file--mime-application-pdf{
+            a{
+                color: $white;
+                font-weight: 800;
+            }
+            padding: 1rem;    
+        }
+    }
+    .block-entity-fieldnodefield-ress{
+
+        h2{
+            font-size: 1rem;
+            color: $blue-dark;
+
+        }
+        .node-type-ressource{
+            display: flex;
+            border-bottom: 1px solid $blue-light;
+            padding-bottom: 2rem;
+            max-width: 70%;
+            .field, a{
+                line-height: 0.6rem;
+                font-size: 1.5rem;
+                color: $blue-dark;
+                font-weight: 500;
+            }
+            .field--type-image{
+                // max-width: 70%;
+                // max-height: 4rem;
+                // img{
+                //     object-fit: scale-down;
+                // }
+
+            }
+        }
+    }
+
+
+}