Template:Color/styles.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
(Removed fixed height of box and width of fill: global font size setting boutta ruin your day lmfao) |
||
| Line 4: | Line 4: | ||
border-radius: 4px; | border-radius: 4px; | ||
display: inline-flex; | display: inline-flex; | ||
margin: 0; | margin: 0; | ||
padding: 2px; | padding: 2px; | ||
| Line 13: | Line 12: | ||
background-color: white; | background-color: white; | ||
border-radius: 4px 0 0 4px; | border-radius: 4px 0 0 4px; | ||
font-family: monospace; | font-family: 'Courier New', monospace; | ||
margin: 0; | margin: 0; | ||
padding: | padding: 3px; | ||
line-height: 1; | |||
} | } | ||
| Line 21: | Line 21: | ||
border-radius: 0 4px 4px 0; | border-radius: 0 4px 4px 0; | ||
margin: 0; | margin: 0; | ||
width: 1em; | width: calc(1em + 5px); | ||
} | } | ||
Revision as of 14:54, 19 December 2024
.color-box {
background: #eee;
border: 1px solid black;
border-radius: 4px;
display: inline-flex;
margin: 0;
padding: 2px;
}
.color-text {
color: black;
background-color: white;
border-radius: 4px 0 0 4px;
font-family: 'Courier New', monospace;
margin: 0;
padding: 3px;
line-height: 1;
}
.color-fill {
border-radius: 0 4px 4px 0;
margin: 0;
width: calc(1em + 5px);
}