Starter Projekt angefangen, etwas aufzubohren und ein paar grundlegend benötigte Collections, Teheming-Styles und Komponenten hinzugefügt. (WIP)

2022-05-24 16:44:55 +02:00
parent f4b6bb17ca
commit 47fdee2396
75 changed files with 2086 additions and 1234 deletions
--- a/src/css/theme-2022/components/event.less
+++ b/src/css/theme-2022/components/event.less
@@ -0,0 +1,64 @@
+.event {
+    border-radius: 10px;
+    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
+    font-size: @font-size-default;
+
+    .event-header {
+        background: @primary;
+        color: @on-primary;
+        border-top-left-radius: 10px;
+        border-top-right-radius: 10px;
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        gap: @space-md;
+        padding: 5px 10px;
+    }
+
+    .event-content {
+        padding: @space-sm;
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-start;
+        gap: @space-lg;
+        flex-wrap: wrap;
+        background-color: #fff;
+        border-bottom-left-radius: 10px;
+        border-bottom-right-radius: 10px;
+
+        strong {
+            color: @secondary;
+            font-weight: 600;
+        }
+
+        img {
+            width: 300px;
+            border-radius: 5px;
+        }
+
+        .event-title {
+            color: @primary;
+            font-size: 20px;
+            font-weight: 600;
+            line-height: 22px;
+        }
+
+        .event-subtitle {
+            font-size: 20px;
+        }
+
+        @media (max-width: 992px) {
+            flex-direction: column;
+
+            img {
+                width: 100%;
+            }
+        }
+    }
+
+    &.sidebar {
+        .event-content {
+            gap: @space-md;
+        }
+    }
+}