ajout page actualité css

2021-11-26 10:35:54 +01:00
parent 74a6143096
commit 9d08ceee17
6 changed files with 8 additions and 37 deletions
@@ -0,0 +1,54 @@
+
+
+
+.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{
+            .view-display-id-block_2{
+                padding-top: 0;
+            }
+            .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;
+                    } 
+                    .field--name-field-images {
+                        .field__item img{  
+                            width: 100%; 
+                            height: fit-content;  
+                        }
+                        &::after{ 
+                            display: block;
+                            content:url('data:image/svg+xml,<svg width="160" height="40" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="5"/></svg>');
+                        }
+                    }
+                    .field:not(.field--name-field-images){
+                        width: 80%;
+                    }
+                    h2{ margin:0; }
+                }
+            }
+        }
+
+    }
+}
+