Template:Color/styles.css: Difference between revisions

From Our World of Text Wiki
Jump to navigation Jump to search
(One more try.)
(Why do we even need flexbox?)
Line 3: Line 3:
border: 1px solid black;
border: 1px solid black;
border-radius: 4px;
border-radius: 4px;
display: inline-flex;
display: inline-block;
margin: 0;
margin: 0;
padding: 2px;
padding: 2px;
Line 13: Line 13:
border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
font-family: monospace;
font-family: monospace;
font-size: calc(1em - 6px);
margin: 0;
margin: 0;
padding: 0 1px 0 1px;
padding: 0 1px 0 1px;

Revision as of 12:11, 17 December 2024

.color-box {
	background: #eee;
	border: 1px solid black;
	border-radius: 4px;
	display: inline-block;
	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);
}