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/services.less
+++ b/src/css/theme-2022/components/services.less
@@ -0,0 +1,52 @@
+.services {
+    article {
+        font-weight: 700;
+        display: flex;
+        align-items: flex-start;
+        gap: @space-sm;
+        margin-bottom: @space-xs;
+        padding: @space-sm @space-md;
+        border-radius: 10px;
+        cursor: pointer;
+
+        &:hover {
+            background: @surface;
+            color: @on-surface;
+            box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1);
+        }
+
+        .icon {
+            width: 50px;
+            height: 50px;
+            border-radius: 100%;
+            background-color: @secondary-light;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-shrink: 0;
+
+            img {
+                height: 32px;
+                margin-top: 2px;
+            }
+        }
+
+        .title {
+            font-size: 24px;
+            font-weight: 700;
+
+            @media (max-width: 768px) {
+                font-size: 20px;
+            }
+        }
+
+        @media (max-width: 768px) {
+            padding: 0;
+
+            &:hover {
+                background: transparent;
+                box-shadow: none;
+            }
+        }
+    }
+}