1
0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-30 22:01:44 +02:00
market/src/components/molecules/MetadataPreview.module.css

61 lines
1.0 KiB
CSS
Raw Normal View History

2020-07-17 16:52:39 +02:00
.preview {
font-size: var(--font-size-small);
2021-02-22 18:36:11 +01:00
margin-top: calc(var(--spacer) / 2);
2020-07-17 16:52:39 +02:00
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));
2020-07-17 16:52:39 +02:00
}
2021-02-17 14:31:26 +01:00
.metaAlgorithm {
display: grid;
gap: var(--spacer);
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
2021-02-18 13:53:32 +01:00
margin-bottom: var(--spacer);
2021-02-17 14:31:26 +01:00
}
2020-07-17 18:13:04 +02:00
.previewTitle {
font-size: var(--font-size-small);
2020-07-17 18:13:04 +02:00
text-transform: uppercase;
color: var(--color-secondary);
2020-07-17 16:52:39 +02:00
margin-bottom: calc(var(--spacer) / 2);
}
2020-07-17 18:13:04 +02:00
.title {
2020-10-24 17:01:04 +02:00
margin: 0;
}
.datatoken {
2020-10-24 17:01:04 +02:00
margin-bottom: 0;
color: var(--color-secondary);
2020-07-17 16:52:39 +02:00
}
2020-07-17 18:13:04 +02:00
.preview [class*='MetaItem-module--metaItem'] h3 {
margin-bottom: calc(var(--spacer) / 12);
}
2020-10-06 14:44:33 +02:00
.description {
position: relative;
2020-10-24 17:01:04 +02:00
margin-top: calc(var(--spacer) / 4);
2020-10-06 14:44:33 +02:00
}
.toggle {
position: absolute;
bottom: 0.15rem;
right: 0;
}
.asset {
display: grid;
grid-template-columns: 1fr 4fr;
align-items: center;
2020-07-17 16:52:39 +02:00
margin-bottom: calc(var(--spacer) / 2);
}