1 files changed, 56 insertions, 0 deletions
diff --git a/apps/web-shared/src/styles/components/link-card.scss b/apps/web-shared/src/styles/components/link-card.scss
new file mode 100644
index 0000000..dad4f98
--- /dev/null
+++ b/apps/web-shared/src/styles/components/link-card.scss
@@ -0,0 +1,56 @@
+@use '../base' as *;
+
+/* -------------------------------- 
+
+File#: _1_link-card
+Title: Link Card
+Descr: Link card for app UI
+Usage: codyhouse.co/license
+
+-------------------------------- */
+
+.link-card {
+  text-decoration: none;
+  color: inherit;
+  box-shadow: var(--inner-glow), var(--shadow-xs);
+
+  &:hover {
+    box-shadow: var(--inner-glow), var(--shadow-sm);
+  }
+}
+
+.link-card__footer {
+  position: relative;
+  overflow: hidden;
+  height: 60px;
+
+  > * {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  > *:last-child {
+    transform: translateY(100%);
+    opacity: 0;
+  }
+}
+
+.link-card:hover {
+  .link-card__footer {
+    > *:first-child {
+      transform: translateY(-100%);
+      opacity: 0;
+    }
+
+    > *:last-child {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+}