css liens ressources pages static

2023-06-27 18:06:23 +02:00
parent b56939462b
commit 75f023aa31
7 changed files with 424 additions and 215 deletions
@@ -0,0 +1,101 @@
+.node-type-ressource{
+    // border: 2px solid $blue-light;
+    // padding: 1rem;         
+    // height: fit-content;
+    // margin-bottom: 1rem;
+    // background-color: $white;
+
+    display: flex;
+    flex-direction: column;
+    &::after{
+        content: url("../images/pictos/noun_Arrow_3771902.svg");
+        align-self: flex-end;
+    }                           
+    div{
+        display: flex;
+        flex-direction: column;
+        .field--name-field-type-de-ressource{
+            order: 2;
+            text-transform: uppercase;
+            color: $blue-light;
+            font-weight: 900;
+            font-size: 0.8rem;
+        }
+        .field--name-title{
+            order: 3;
+            h2{
+                margin: 0;
+                a{
+                    color: $black;
+                    font-size: 1rem;
+                    font-weight: 900;
+                    font-style: italic;
+                }
+            }
+        }
+        .field--name-field-sous-titre{
+            order:4;
+        }
+        .field--name-field-auteur-s-{
+            order: 5;
+            font-weight: 800;
+            p{
+                margin: 0;
+            }
+            .field__label{
+                display:none;
+            }
+        }
+        .field--name-field-edition{
+            display: none;
+            p{
+                margin: 0;
+            }
+            .field__label{
+                display:none;
+            }
+        }
+        .field--name-field-images{
+            // display: none;
+            order: 1;
+            width: 25%;
+
+            img{
+                width: 100%;
+                height: auto;
+            }
+        }
+        .field--name-field-date-de-parution{
+            order: 6
+        }
+        .field--name-field-mots-clefs{
+            order: 7;
+            display: flex;
+            margin-top: 2rem;
+            flex-direction: row;
+            flex-wrap: wrap;
+
+            .field__item{
+                
+                margin-right: 0.5rem;
+                padding-left: 0.3rem;
+                padding-right: 0.3rem;
+                font-size: 0.8rem;
+            
+                a{
+                    background: $blue-dark;
+                    color: $white;
+                    font-weight: 800;
+                    vertical-align: super;
+                    padding-left: 0.1rem;
+                    padding-right: 0.1rem;
+                    display: inline-flex;
+                }
+            }
+        }
+        ul.links.inline{
+            display: none;
+        }
+
+    }
+}