page investigations

2026-01-06 17:14:32 +01:00 · 2026-01-06 17:14:32 +01:00 · 6cf52a6703
commit 6cf52a6703
parent ea648498e2
20 changed files with 556 additions and 278 deletions
--- a/assets/css/components/_card-article.scss
+++ b/assets/css/components/_card-article.scss
@ -0,0 +1,71 @@
+.card--article{
+    border: var(--border-light);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+
+
+    @include figure-16-9();
+
+    .content{
+        padding: var(--padding-inner);
+        display: flex;
+        flex-direction: column;
+        flex-grow: 2;
+    }
+
+    .title{
+         margin-top: calc(var(--spacing)*0.5);
+        font-size: var(--fs-medium);
+        font-weight: normal;
+        text-transform: uppercase;
+        flex-grow: 2;
+
+        a{ text-decoration: none;}
+    }
+
+    .description{
+        margin-top: calc(var(--spacing)*1);
+        font-size: var(--fs-small);
+
+        display: -webkit-box;
+        -webkit-line-clamp: 3;    
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+    }
+
+    .dl{
+        margin-top: calc(var(--spacing)*0.5);
+
+        .dl__group{
+            @include grid-content();
+            border-top: var(--border-light);
+            padding: calc(var(--spacing)*0.5) 0;
+        }
+
+        dt{
+            color: var(--color-txt-light);
+            padding-right: 1ch;
+        }
+
+        ul:not(.keywords){
+            list-style: none;
+            li{
+                padding-bottom: 0.2em;
+            }
+            
+        }
+
+        .dl__group__keywords{
+            padding-bottom: 0;
+        }
+    }
+    
+
+    &:hover{
+        border-color: var(--color-txt);
+    }
+
+    
+
+}