holakit
Version:
Yet another design-driven UI component set.
23 lines (18 loc) • 358 B
CSS
:host([tiny]) {
display: inline-block;
padding: 0.7rem;
width: 13rem
}
@media (max-width: 700px) {
:host([tiny]) {
width: 8rem
}
}
:host([tiny])::slotted(.title) {
margin-bottom: 0.5rem;
white-space: normal;
}
:host([tiny][with-image])::slotted(img:first-child) {
margin: -0.7rem -0.7rem 1.2rem -0.7rem;
width: calc(100% + 1.4rem);
}