Template:Color/styles.css: Difference between revisions
Jump to navigation
Jump to search
Dat Hack3r (talk | contribs) m (This will (probably) look better.) |
Dat Hack3r (talk | contribs) (Trying to center the text.) |
||
| (19 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
.color-box { | .color-box { | ||
background: #eee; | |||
border: 1px solid black; | |||
border-radius: 4px; | |||
display: inline-flex; | display: inline-flex; | ||
height: 1em; | |||
margin: 0; | margin: 0; | ||
padding: 2px; | padding: 2px; | ||
} | } | ||
.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; | |||
padding: 0 1px 0; | |||
} | } | ||
.color-fill { | .color-fill { | ||
border-radius: 0 4px 4px 0; | border-radius: 0 4px 4px 0; | ||
margin: 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;
}