Create person templates

2023-01-19 21:05:28 +01:00
parent 363a705370
commit 3702f4631c
6 changed files with 63 additions and 0 deletions
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -142,6 +142,41 @@ body {
    }    
 }

+.person-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+}
+
+.person {
+    width: calc(50% - 10px);
+    height: 80px;
+    // margin: 10px 25px 10px 0;
+    display: flex;
+    
+    > .image {
+        flex: 60px 0 0;
+    }
+    > .content {
+        flex: 1px 1 0;
+        margin-left: 10px;
+    }
+    > .content-vorstand {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+
+        > .role {
+            font-weight: bold;
+        }
+        > .name {
+            img {
+                margin: 0 10px 0 0;
+            }
+        }
+    }
+}
+
@font-face{
    font-family: 'Open Sans Condensed';
    font-style: normal;