Template:Color/styles.css: Difference between revisions
Jump to navigation
Jump to search
(Removed fixed height of box and width of fill: global font size setting boutta ruin your day lmfao) |
Dat Hack3r (talk | contribs) (Trying to center the text.) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
border-radius: 4px; | border-radius: 4px; | ||
display: inline-flex; | display: inline-flex; | ||
height: 1em; | |||
margin: 0; | margin: 0; | ||
padding: 2px; | padding: 2px; | ||
| Line 9: | Line 10: | ||
.color-text { | .color-text { | ||
align-items: center; | |||
color: black; | color: black; | ||
background-color: white; | background-color: white; | ||
border-radius: 4px 0 0 4px; | border-radius: 4px 0 0 4px; | ||
font-family: | display: inline-flex; | ||
font-family: monospace; | |||
margin: 0; | margin: 0; | ||
padding: | padding: 0 1px 0; | ||
} | } | ||
| Line 21: | Line 23: | ||
border-radius: 0 4px 4px 0; | border-radius: 0 4px 4px 0; | ||
margin: 0; | margin: 0; | ||
width: | 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;
}