chore: merge components and stylesheets in same directory name

2024-07-24 10:59:34 +02:00
parent a9d937a2b5
commit cb7d83978d
92 changed files with 533 additions and 531 deletions
--- a/apps/website/src/components/atoms/BoxCTA/BoxCTA.scss
+++ b/apps/website/src/components/atoms/BoxCTA/BoxCTA.scss
@@ -0,0 +1,63 @@
+.box-cta {
+    display: flex;
+    align-items: center;
+    margin: 0 auto;
+    width: 260px;
+    height: 88px;
+    padding: 24px 32px 24px 48px;
+    background-color: $color-primary-tertiary20;
+    border-radius: 12px;
+    text-decoration: none;
+    box-shadow: none;
+    transition: background-color 0.8s var(--ease-quart), box-shadow 1.0s var(--ease-quart);
+
+    @include bp (sm) {
+        flex-direction: column;
+        width: 144px;
+        height: 176px;
+        padding: 24px 16px;
+    }
+
+    :global(.icon) {
+        width: 36px;
+        height: 36px;
+        color: #fff;
+        flex-shrink: 0;
+        transition: transform 0.6s var(--ease-quart);
+
+        @include bp (sm) {
+            margin: auto 0;
+            width: 48px;
+            height: 48px;
+        }
+
+        :global(svg) {
+            display: block;
+            width: 100%;
+            height: 100%;
+        }
+    }
+    span {
+        display: block;
+        margin-left: 20px;
+        color: $color-secondary-light;
+        text-align: left;
+        font-weight: 300;
+
+        @include bp (sm) {
+            margin-left: 0;
+            text-align: center;
+        }
+    }
+
+    // Hover
+    &:hover {
+        $shadow-color: rgba(0, 0, 0, 0.05);
+        background-color: #8f3d7b;
+        box-shadow: 0 6px 6px $shadow-color, 0 12px 12px $shadow-color, 0 24px 24px $shadow-color;
+
+        .icon {
+            transform: translate3d(0, -3px, 0);
+        }
+    }
+}