@vue-interface/thumbnail-list
Version:
A Vue thumbnail list component.
1 lines • 736 B
CSS
.thumbnail-list .thumbnail-list-items{margin:0;padding:0;width:100%;grid-gap:.5rem}.thumbnail-list .thumbnail-list-items:not(.thumbnail-list-grid){display:flex}.thumbnail-list .thumbnail-list-items.thumbnail-list-wrap:not(.thumbnail-list-grid){flex-wrap:wrap}.thumbnail-list-grid{display:grid}.thumbnail-list .thumbnail-list-item{display:flex;align-content:center;justify-content:center;flex:1 1 0;min-width:0}.thumbnail-list-auto-flow-columns{grid-auto-flow:column}.thumbnail-list-auto-flow-rows{grid-auto-flow:row}.thumbnail-list-contain img{width:100%;object-fit:contain}.thumbnail-list-cover img{width:100%;object-fit:cover}.thumbnail-list-fill img{width:100%;object-fit:fill}.thumbnail-list-item img{max-width:100%;max-height:100%}