t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 677 B
CSS
.f-image{position:relative;display:inline-block;vertical-align:top;width:var(--f-image-width);height:var(--f-image-height);border-radius:var(--f-image-border-radius)}.f-image__img{width:100%;height:100%;vertical-align:middle;border-radius:var(--f-image-border-radius)}.f-image__select{user-select:none}.f-image__fill{object-fit:fill}.f-image__contain{object-fit:contain}.f-image__cover{object-fit:cover}.f-image__none{object-fit:none}.f-image__scale-down{object-fit:scale-down}.f-image__block{display:block}.f-image__error{display:inline-block}.f-image__error .f-image__error-text{display:inline-block;background:#eee;padding:0 3px;border-radius:3px;font-size:15px;color:#333}