color-elements/src/channel-picker/channel-picker.css

A set of web components for working with color. A Color.js project.

:host {
	--border-width: 1px;
	--border-color: rgb(0 0 0 / .2);
	--border-radius: .2em;

	padding: .3em .5em;

	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius);
}

#picker {
	font: inherit;
	color: inherit;
	background: inherit;
	border: none;
	field-sizing: content;
	cursor: pointer;

	&:focus:not(:focus-visible) {
		outline: none;
	}
}

#space_picker {
	padding: initial;
	padding-inline-end: .4em;
	border-radius: 0;
	border: none;
	border-inline-end: var(--border-width) solid var(--border-color);
}