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) (Testing to see if this will fix line height issues.) |
||
| Line 1: | Line 1: | ||
.color-box { | .color-box { | ||
background: #eee; | |||
border: 1px solid black; | |||
border-radius: 4px; | |||
display: inline-flex; | display: inline-flex; | ||
height: calc(100% - 12px); | |||
margin: 0; | margin: 0; | ||
padding: 2px; | padding: 2px; | ||
} | } | ||
| Line 11: | Line 12: | ||
color: black; | color: black; | ||
background-color: white; | background-color: white; | ||
border-radius: 4px 0 0 4px; | |||
font-family: monospace; | |||
margin: 0; | margin: 0; | ||
padding: 0 1px 0 1px; | padding: 0 1px 0 1px; | ||
} | } | ||
.color-fill { | .color-fill { | ||
border-radius: 0 4px 4px 0; | border-radius: 0 4px 4px 0; | ||
margin: 0; | margin: 0; | ||
width: calc(1em + 4px); | |||
} | } | ||
Revision as of 12:00, 17 December 2024
.color-box {
background: #eee;
border: 1px solid black;
border-radius: 4px;
display: inline-flex;
height: calc(100% - 12px);
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);
}