Template:Color/styles.css: Difference between revisions

From Our World of Text Wiki
Jump to navigation Jump to search
(Let's see if this works.)
(Trying to center the text.)
 
(27 intermediate revisions by 3 users not shown)
Line 1: Line 1:
.color-box {
.color-box {
    display: inline-flex;
background: #eee;
    border-radius: 4px;
border: 1px solid black;
    border: 1px solid black;
border-radius: 4px;
    margin: 0;
display: inline-flex;
    padding: 2px;
height: 1em;
    background: #eee;
margin: 0;
}
padding: 2px;
 
.color-box > span {
    margin: 0;
}
}


.color-text {
.color-text {
    color: black;
align-items: center;
    background-color: white;
color: black;
    border-radius: 4px 0 0 4px;
background-color: white;
    font-family: monospace;
border-radius: 4px 0 0 4px;
display: inline-flex;
font-family: monospace;
margin: 0;
padding: 0 1px 0;
}
}


.color-fill {
.color-fill {
    width: 1.75em;
border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
margin: 0;
width: 1em;
}
}

Latest revision as of 11:54, 20 December 2024

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

.color-text {
	align-items: center;
	color: black;
	background-color: white;
	border-radius: 4px 0 0 4px;
	display: inline-flex;
	font-family: monospace;
	margin: 0;
	padding: 0 1px 0;
}

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