UNPKG

vuestic-ui

Version:

Vue 3 UI Framework

vuestic.dev

epicmaxco/vuestic-ui

9 lines (8 loc) • 3.18 kB
1
2
3
4
5
6
7
8
9
import { _ as _sfc_main } from "./VaFileUploadGalleryItem.vue_vue_type_script_setup_true_lang.js"; import { _ as _export_sfc } from "../../../../plugin-vue_export-helper.js"; const _style_0 = ":root,\n:host {\n --va-file-upload-gallery-item-card-box-shadow: var(--va-box-shadow);\n --va-file-upload-gallery-item-text: var(--va-text-primary);\n --va-file-upload-gallery-item-text-hover: var(--va-text-inverted);\n}\n.va-file-upload-gallery-item {\n display: flex;\n position: relative;\n margin-bottom: 1rem;\n margin-right: 0.5rem;\n flex-basis: calc(14.2857% - 0.5rem);\n max-width: calc(14.2857% - 0.5rem);\n min-width: 8.5714rem;\n border-radius: 0.375rem;\n overflow: hidden;\n width: 100%;\n align-items: stretch;\n}\n@media (max-width: 991.98px) {\n.va-file-upload-gallery-item {\n flex-basis: calc(16.667% - 0.5rem);\n max-width: calc(16.667% - 0.5rem);\n}\n}\n@media (max-width: 767.98px) {\n.va-file-upload-gallery-item {\n flex-basis: calc(20% - 0.5rem);\n max-width: calc(20% - 0.5rem);\n}\n}\n@media (max-width: 575.98px) {\n.va-file-upload-gallery-item {\n flex-basis: calc(50% - 0.5rem);\n max-width: calc(50% - 0.5rem);\n}\n}\n.va-file-upload-gallery-item:last-of-type {\n margin-right: 0;\n}\n.va-file-upload-gallery-item:hover .va-file-upload-gallery-item__overlay, .va-file-upload-gallery-item:focus .va-file-upload-gallery-item__overlay, .va-file-upload-gallery-item--focused .va-file-upload-gallery-item__overlay {\n z-index: 3;\n opacity: 1;\n}\n.va-file-upload-gallery-item:hover .va-file-upload-gallery-item__name, .va-file-upload-gallery-item:focus .va-file-upload-gallery-item__name, .va-file-upload-gallery-item--focused .va-file-upload-gallery-item__name {\n color: var(--va-file-upload-gallery-item-text-hover);\n}\n.va-file-upload-gallery-item__overlay {\n display: flex;\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n flex-direction: column;\n padding: 0.5rem;\n z-index: -1;\n opacity: 0;\n}\n.va-file-upload-gallery-item__overlay-background {\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0;\n z-index: -1;\n}\n.va-file-upload-gallery-item__image {\n width: 100%;\n box-shadow: var(--va-box-shadow);\n object-fit: cover;\n z-index: 1;\n}\n.va-file-upload-gallery-item__name {\n color: var(--va-file-upload-gallery-item-text);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 0.875rem;\n}\n.va-file-upload-gallery-item__delete {\n cursor: pointer;\n font-size: 1.5rem;\n margin-top: auto;\n}\n.va-file-upload-gallery-item--not-image .va-file-upload-gallery-item__overlay {\n display: flex;\n}\n.va-file-upload-gallery-item--undo .va-list-item__inner {\n display: flex;\n align-items: flex-start;\n position: relative;\n}\n.va-file-upload-gallery-item--undo .va-list-item-section {\n height: inherit;\n padding: 0;\n}\n.va-file-upload-gallery-item--undo .va-file-upload-undo {\n flex: 1;\n}"; const _VaFileUploadGalleryItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["styles", [_style_0]]]); export { _VaFileUploadGalleryItem as _ }; //# sourceMappingURL=VaFileUploadGalleryItem.js.map