Template:Color/styles.css: Difference between revisions
Jump to navigation
Jump to search
Dat Hack3r (talk | contribs) m (Forgot to account for padding and border.) |
Dat Hack3r (talk | contribs) (Trying to center the text.) |
||
| (8 intermediate revisions by 3 users not shown) | |||
| Line 3: | Line 3: | ||
border: 1px solid black; | border: 1px solid black; | ||
border-radius: 4px; | border-radius: 4px; | ||
display: inline-flex; | display: inline-flex; | ||
height: | height: 1em; | ||
margin: 0; | margin: 0; | ||
padding: 2px; | padding: 2px; | ||
| Line 11: | 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; | ||
display: inline-flex; | |||
font-family: monospace; | font-family: monospace; | ||
margin: 0; | margin: 0; | ||
padding: 0 1px 0 | padding: 0 1px 0; | ||
} | } | ||
| Line 22: | 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;
}