holakit
Version:
Yet another design-driven UI component set.
22 lines (20 loc) • 429 B
Plain Text
:host {
-webkit-columns: 3 15rem;
columns: 3 15rem;
grid-column-gap: 2rem;
-webkit-column-gap: 2rem;
column-gap: 2rem;
}
:host([ruled]) {
-webkit-column-rule: 1px solid #eee;
column-rule: 1px solid #eee;
}
:slotted(.item) {
display: inline-block;
width: 100%;
-webkit-column-break-inside: avoid;
break-inside: avoid-column;
}
:slotted(.item[margined]) {
margin: 1rem 0;
}