From fc151e7dcdc4d7536527a5e58ca9f33a850a6b6a Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Tue, 27 Dec 2022 21:44:06 +0100
Subject: [PATCH] Created the LinkItem style

---
 .../Home/components/LinkItem/styles.sass      | 94 +++++++++++++++++++
 1 file changed, 94 insertions(+)
 create mode 100644 admin/src/pages/Home/components/LinkItem/styles.sass

diff --git a/admin/src/pages/Home/components/LinkItem/styles.sass b/admin/src/pages/Home/components/LinkItem/styles.sass
new file mode 100644
index 0000000..a8a0ecf
--- /dev/null
+++ b/admin/src/pages/Home/components/LinkItem/styles.sass
@@ -0,0 +1,94 @@
+@import "@/common/styles/colors"
+
+.link-item
+  background-color: $white
+  border: 1px solid $gray
+  border-radius: 15px
+  padding: 1rem 1.5rem
+  display: flex
+  justify-content: space-between
+
+.info-area
+  display: flex
+  align-items: center
+  gap: 1rem
+
+.module-info
+  display: flex
+  justify-content: center
+  align-items: center
+  width: 1rem
+  height: 1rem
+  background-color: $primary
+  padding: 0.8rem
+  font-size: 15pt
+  border-radius: 5rem
+  color: $white
+
+.link-info h4, p
+  margin: 0
+
+.link-info h4
+  font-size: 18pt
+  font-weight: 700
+  color: $gray
+
+.link-info p
+  display: flex
+  gap: 0.5rem
+  align-items: center
+  font-size: 14pt
+  font-weight: 500
+  color: $primary
+
+.link-external
+  font-size: 12pt
+  cursor: pointer
+
+.tag-area
+  margin-left: 1rem
+  display: flex
+  gap: 0.4rem
+  flex-wrap: wrap
+  overflow: hidden
+
+.right-area
+  display: flex
+
+.author-image
+  width: 2.5rem
+  height: 2.5rem
+  border-radius: 5rem
+
+.view-area
+  display: flex
+  color: $gray
+  align-items: center
+  gap: 0.5rem
+  font-size: 16pt
+  margin-left: 1rem
+  margin-right: 1rem
+
+.view-area h3
+  margin: 0
+
+.action-area
+  display: flex
+  align-items: center
+  justify-content: space-between
+  gap: 2rem
+  font-size: 22pt
+  color: $gray
+  padding: 0 2rem
+  border: 1px solid $gray
+  border-radius: 1rem
+  margin-left: 2rem
+
+.action-area svg
+  cursor: pointer
+
+.action-edit:hover
+  color: $primary
+
+.action-delete:hover
+  color: $red-hover
\ No newline at end of file