mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2026-09-02 21:03:34 +03:00
Fix a11y on DividerWithText (#7482)
# Description of Changes Nightlies are currently failing with an a11y issue on the DividerWithText story. This fixes the a11y issue. <img width="1440" height="1240" alt="image" src="https://github.com/user-attachments/assets/c1623583-a68c-46d9-8cdb-453aca5ac20d" />
This commit is contained in:
@@ -16,11 +16,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.text-divider .text-divider__label {
|
.text-divider .text-divider__label {
|
||||||
/* A single channel triple cannot follow the colour scheme, and the old
|
|
||||||
fallback only reached 3.8:1 on the dark page. The muted text token carries
|
|
||||||
the readable shade for each scheme; the opacity hook is kept separate. */
|
|
||||||
color: var(--c-text-muted);
|
color: var(--c-text-muted);
|
||||||
opacity: var(--text-divider-opacity, 1);
|
|
||||||
font-size: 0.75rem; /* 12px */
|
font-size: 0.75rem; /* 12px */
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
@@ -48,13 +44,6 @@
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-divider.force-light .text-divider__label {
|
|
||||||
color: rgb(
|
|
||||||
var(--text-divider-label-rgb-light, var(--gray-400)) /
|
|
||||||
var(--text-divider-opacity, 1)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-divider.subcategory.force-light .text-divider__rule {
|
.text-divider.subcategory.force-light .text-divider__rule {
|
||||||
background-color: var(--tool-subcategory-rule-color-light);
|
background-color: var(--tool-subcategory-rule-color-light);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user