@flexis/ui/components/ImageSelect/ImageSelect.st.css

Styleless React Components

.root {
	position: relative;
}

.preview {
	-st-states:
		/* Common states */
		readOnly,
		disabled,
		/* Display states */
		block,
		img;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center;
}

.img {
	/* Empty block */
}

.placeholder {
	/* Empty block */
}

.resetButton {
	-st-states: hidden;
	position: absolute;
	z-index: 1;
	cursor: pointer;
}

.resetButton:hidden {
	pointer-events: none;
	opacity: 0;
}