fix(ui): format LIGHT tab main chips to bold and accent, unbold TONE CURVE and DYNAMIC RANGE sub-chips
This commit is contained in:
@@ -152,11 +152,11 @@
|
||||
text-align: center;
|
||||
padding: 4px 2px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
font-weight: 400;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.chip-label {
|
||||
font-weight: 700;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0.02em;
|
||||
}
|
||||
.dev-box-title {
|
||||
@@ -165,6 +165,31 @@
|
||||
letter-spacing: 0.05em;
|
||||
font-size: 11px;
|
||||
}
|
||||
/* LIGHT tab main panel chips: WB, TONE, PRESENCE, DETAIL & EFFECTS */
|
||||
.dev-panel-head,
|
||||
.dev-panel-label,
|
||||
.chip[data-key="dev-wb"],
|
||||
.chip[data-key="dev-tone"],
|
||||
.chip[data-key="dev-presence"],
|
||||
.chip[data-key="dev-effects"],
|
||||
.chip[data-key^="dev-"] {
|
||||
font-weight: 700;
|
||||
color: var(--accent, #f59e0b);
|
||||
}
|
||||
.chip[data-key^="dev-"] .chip-label {
|
||||
font-weight: 700;
|
||||
}
|
||||
/* Sub-chips that MUST NOT be bold: TONE CURVE, DYNAMIC RANGE sub-chips, COLOR CHROME sub-chips */
|
||||
.chip[data-key="curve"],
|
||||
.chip[data-key="curve"] .chip-label,
|
||||
.dev-box[data-key="dev-box-dr"] .chip,
|
||||
.dev-box[data-key="dev-box-dr"] .chip .chip-label,
|
||||
.chip[data-key^="dr-"],
|
||||
.chip[data-key^="dr-"] .chip-label,
|
||||
.dev-box[data-key="dev-box-color-chrome"] .chip,
|
||||
.dev-box[data-key="dev-box-color-chrome"] .chip .chip-label {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
.chip-row.grid .chip {
|
||||
justify-content: center; text-align: center;
|
||||
/* Two of these share the column's width, so each is its own small card: the
|
||||
|
||||
Reference in New Issue
Block a user