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

Styleless React Components

.root {
	-st-states:
		/* Basic states */
		active,
		/* Transition states */
		enter,
		enterActive,
		enterDone,
		exit,
		exitActive,
		exitDone;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
}

.window {
	-st-states: centered;
	margin-right: auto;
	margin-left: auto;
}

.window:centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.closeButton {
	cursor: pointer;
}

.closeButton:disabled {
	cursor: default;
}