1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-28 16:47:52 +02:00
market/src/components/molecules/MetadataPreview.module.css

61 lines
1.0 KiB
CSS

.preview {
font-size: var(--font-size-small);
margin-top: calc(var(--spacer) / 2);
margin-bottom: var(--spacer);
}
.preview header {
margin-bottom: var(--spacer);
}
.metaFull {
display: grid;
gap: var(--spacer);
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}
.metaAlgorithm {
display: grid;
gap: var(--spacer);
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
margin-bottom: var(--spacer);
}
.previewTitle {
font-size: var(--font-size-small);
text-transform: uppercase;
color: var(--color-secondary);
margin-bottom: calc(var(--spacer) / 2);
}
.title {
margin: 0;
}
.datatoken {
margin-bottom: 0;
color: var(--color-secondary);
}
.preview [class*='MetaItem-module--metaItem'] h3 {
margin-bottom: calc(var(--spacer) / 12);
}
.description {
position: relative;
margin-top: calc(var(--spacer) / 4);
}
.toggle {
position: absolute;
bottom: 0.15rem;
right: 0;
}
.asset {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: center;
margin-bottom: calc(var(--spacer) / 2);
}