From 19f74ff0f7c2b32429a12cbe61cdeca4d38da49c Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Fri, 12 Nov 2021 13:56:57 +0100
Subject: [PATCH] Added NFT card frontend styles

---
 core/frontend/src/cards/css/nft.css | 77 +++++++++++++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 core/frontend/src/cards/css/nft.css

diff --git a/core/frontend/src/cards/css/nft.css b/core/frontend/src/cards/css/nft.css
new file mode 100644
index 0000000000..18134fa79f
--- /dev/null
+++ b/core/frontend/src/cards/css/nft.css
@@ -0,0 +1,77 @@
+a.kg-nft-card {
+    position: static;
+    display: flex;
+    flex: auto;
+    flex-direction: column;
+    text-decoration: none;
+    font-family: -apple-system, BlinkMacSystemFont,
+    'avenir next', avenir,
+    'helvetica neue', helvetica,
+    ubuntu,
+    roboto, noto,
+    'segoe ui', arial,
+    sans-serif;
+    font-size: 1.4rem;
+    font-weight: 400;
+    box-shadow: 0 2px 6px -2px rgb(0 0 0 / 10%), 0 0 1px rgb(0 0 0 / 40%);
+    width: 100%;
+    max-width: 740px;
+    color: #222;
+    background: #fff;
+    border-radius: 5px;
+}
+
+a.kg-nft-card:hover {
+    color: #333;
+}
+
+a.kg-nft-card * {
+    position: static;
+    line-height: 1;
+}
+
+.kg-nft-metadata {
+    padding: 20px;
+}
+
+.kg-nft-card img {
+    min-width: unset;
+    max-width: unset;
+    margin: -1px;
+    border-radius: 5px 5px 0 0;
+}
+
+.kg-nft-title {
+    display: flex;
+    justify-content: space-between;
+    gap: 20px;
+}
+
+.kg-nft-title h4 {
+    font-size: 1.9rem;
+    font-weight: 700;
+    min-width: unset;
+    max-width: unset;
+    margin: 0;
+    color: #222;
+}
+
+.kg-nft-title svg {
+    width: 100px;
+    height: auto;
+}
+
+.kg-nft-creator {
+    margin-top: 6px;
+    color: #ababab;
+}
+
+.kg-nft-creator span {
+    font-weight: 500;
+    color: #222;
+}
+
+.kg-nft-card p {
+    font-size: 1.4rem;
+    margin-top: 20px;
+}
\ No newline at end of file