page node-actualite

web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss

@@ -0,0 +1,44 @@
+body.node-type-actualite{
+    .content_container{
+        width: 60%;
+        display: flex;
+        flex-direction: column;
+        margin: auto;
+        align-items: center;
+        .infos-actu{
+            display: flex;
+            flex-direction: row;
+            border-top: solid red 1px;
+            border-bottom: solid red 1px;
+            padding: 1rem 0rem;
+            margin-bottom: 1rem;
+            .field_field_type_d_actualite a{
+                text-transform: uppercase;
+                color: red;
+                font-size: 0.6rem;
+                font-weight: 600;
+                display: inline-flex;
+                align-items: center;
+                &::before{
+                    content: url('../img/type-actu.svg');
+                    padding-right: 0.4rem;
+                }
+            }
+            .field_field_date{
+                color: red;
+                display: inline-flex;
+                align-items: center;
+                margin-left: 1rem;
+                &::before{
+                    content: url('../img/date-actu.svg');
+                    padding-right: 0.4rem;
+                }
+            }
+
+        }
+        .field_body p{
+            font-size: 0.8rem;
+        }
+    
+    }
+}

web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss

@@ -39,4 +39,5 @@
 @import "pages/partenaires";
 // @import "pages/presentation";
 @import "pages/static";
+@import "pages/actualite";