TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-27 18:52:14 +03:00
Code Issues Projects Releases Wiki Activity

Added NFT card frontend styles

Browse Source
This commit is contained in:
Peter Zimon 2021-11-12 13:56:57 +01:00
parent cb652aed3f
commit 19f74ff0f7
1 changed files with 77 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
core/frontend/src/cards/css/nft.css Normal file
View File

@ -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;
}