statics

2021-11-18 00:27:47 +01:00
parent 888d001c27
commit 7cf70006ef
5 changed files with 330 additions and 40 deletions
@@ -24,41 +24,92 @@
        
 }

-.contextual-region{
-    display: grid;
-    grid-template-columns:10% 2fr 2fr 2fr 2fr 10%;
-    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;

-}

 .block-views-blockactus-blocks-pages-block-1{
    background-color: $blue-dark;
-    // display: grid;
-    // grid-template-columns: 2fr 2fr 2fr 2fr;
-    // color: $white;
+    padding: 1rem;


+    .view-content{
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+        .node-type-actualite{
+            div:first-child{
+                color: $white;
+                .field--name-field-images {
+                    .field__item img{  
+                        width: 200px; 
+                        height: fit-content;  
+                        // &::after{ 
+                        //     content:"line";
+                        // }
+                    }
+                }
+            }
+            h2{ margin:0; }
+            a{ color: $white; }            
+        }
+    }
 }


-.view-content{
-    display: flex;
-    flex-direction: row;
-    justify-content: space-around;
-    .node-type-actualite{
-        div:first-child{
-            padding: 1rem;
-            color: $white;
-            .field--name-field-images {
-                .field__item img{
-                    height: 400px;               
-                }

-            }
-        }
-        a{
-            color: $white;
-        }
+.node-type-actualite div:first-child{
+    display: flex;
+    flex-direction: column;
+    :nth-child(1) { order: 1; } 
+    :nth-child(4) { order: 2; }  
+    :nth-child(5) { order: 3; }            
+}
+
+
+.field--type-link {
+    display: block;
+    width: fit-content;
+    padding: 1rem;
+    font-size: 1.5rem;
+    
+    background-color: $white;
+    border: 2px solid $blue-light;  
+    a{
+        font-size: 1rem;
+        text-transform: uppercase;
+        font-weight: 700;
+        color: $blue-light;
+    } 
+    a::after{
+        // font-family: "Font Awesome";
+        display: inline-block;
+        content: url("../../images/pictos/polygon2.svg");
+        // width: 6rem;
+        // height: 4rem;
+        background: green;

    }
+}
+
+
+.node-type-static{
+    padding: 1rem;
+
+    .inline.links{
+        display: block;
+        width: fit-content;
+        padding: 1rem;
+        font-size: 1rem;
+        
+        // background-color: $white;
+        border: 2px solid $blue-light;  
+        list-style: none;
+        a{
+            text-transform: uppercase;
+            font-weight: 700;
+            color: $blue-light;
+            // &::after{
+            //     content: url('../../images/pictos/noun_Arrow_3771902.svg');   
+            // }
+        }
+    }
 }