colorjs.io/get/style.css

Color space agnostic color manipulation library

[mv-app="colorBundler"] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: .6em 1em
}

[mv-app="colorBundler"] #core,
	[mv-app="colorBundler"] #spaces,
	[mv-app="colorBundler"] #optional,
	[mv-app="colorBundler"] > pre,
	[mv-app="colorBundler"] > button,
	[mv-app="colorBundler"] a[download] {
		grid-column-end: span 2;
	}

fieldset ul {
		list-style: none
	}

fieldset ul li {
			position: relative;
			break-inside: avoid;
			margin-bottom: .5em
		}

fieldset ul li input[type=checkbox],
			fieldset ul li input[type=radio] {
				position: absolute;
				right: 100%;
				margin: .8em;
			}

fieldset .description {
		margin: 0;
		font-size: 75%;
	}

#spaces ul {
	columns: 20em 2;
}

a[download] {
	display: block;
	padding: .5em;
	border-radius: .2em;
	color: white;
	text-align: center;
	font-weight: 900;
	background: var(--rainbow);
	animation: var(--rainbow-scroll)
}

a[download]:hover {
		text-decoration: none;
		background: var(--color-green);
	}