Template:Color/styles.css: Difference between revisions

From Our World of Text Wiki
Jump to navigation Jump to search
(This should be the final solution.)
m (Forgot to account for padding and border.)
Line 5: Line 5:
box-sizing: border-box;
box-sizing: border-box;
display: inline-flex;
display: inline-flex;
height: 1em;
height: calc(1em + 6px);
margin: 0;
margin: 0;
padding: 2px;
padding: 2px;

Revision as of 12:41, 17 December 2024

.color-box {
	background: #eee;
	border: 1px solid black;
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-flex;
	height: calc(1em + 6px);
	margin: 0;
	padding: 2px;
}

.color-text {
	color: black;
	background-color: white;
	border-radius: 4px 0 0 4px;
	font-family: monospace;
	margin: 0;
	padding: 0 1px 0 1px;
}

.color-fill {
	border-radius: 0 4px 4px 0;
	margin: 0;
	width: calc(1em + 4px);
}