react-elegant-ui/components/Checkbox/_size/Checkbox_size_s.css

Elegant UI components, made by BEM best practices for react

.Checkbox_size_s .Checkbox-Box {
	width: var(--checkbox-box-size-s);
	height: var(--checkbox-box-size-s);

	/* prevent squeezing in flexible container */
	min-width: var(--checkbox-box-size-s);
	min-height: var(--checkbox-box-size-s);
}

.Checkbox_size_s .Checkbox-Label {
	font-size: var(--checkbox-label-font-size-s);
	margin-inline-start: var(--checkbox-label-indent-m);
}

.Checkbox_size_s .Checkbox-Tick {
	padding: var(--checkbox-icon-padding-m);
}