Skip to content

Instantly share code, notes, and snippets.

@artikus11
Created June 13, 2023 17:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save artikus11/dc84c0ee5a95caa4d3eb4640174f0854 to your computer and use it in GitHub Desktop.
Save artikus11/dc84c0ee5a95caa4d3eb4640174f0854 to your computer and use it in GitHub Desktop.
.product-content--meta--list {
margin: 0;
padding: 0;
}
.product-content--meta--list tbody {
display: grid;
gap: 12px;
}
.product-content--meta--list .product-content--meta--item {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
gap: 0;
grid-template-columns: 1fr;
}
.product-content--meta--list .product-content--meta--label,
.product-content--meta--list .product-content--meta--value {
padding: 0;
line-height: 1;
text-align: left;
vertical-align: top;
border-bottom: none;
text-transform: none;
font-size: 12px;
font-weight: 300;
}
.product-content--meta--list .product-content--meta--value {
/*white-space: nowrap;*/
text-align: right;
}
.product-content--meta--list .product-content--meta--label {
position: relative;
font-weight: 400;
margin-right: 8px;
z-index: 0;
}
.product-content--meta--list .product-content--meta--label span {
background-color: #fff;
padding-right: 8px;
}
.product-content--meta--list .product-content--meta--label:after {
border-bottom: 1px dotted #D8D8D8;
position: absolute;
height: 12px;
content: '';
width: 100%;
left: 0;
z-index: -10;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment