fix: tab selected bold style

This commit is contained in:
luoxiao 2024-06-05 11:30:04 +08:00
parent e8942dc212
commit bd9a419002

View file

@ -64,8 +64,17 @@
overflow: visible; overflow: visible;
} }
/* https://stackoverflow.com/questions/5687035/css-bolding-some-text-without-changing-its-containers-size/46452396#46452396 */
.thaw-tab--selected .thaw-tab__content { .thaw-tab--selected .thaw-tab__content {
font-weight: var(--fontWeightSemibold); /* font-weight: var(--fontWeightSemibold); */
text-shadow: -0.06ex 0 0 currentColor, 0.06ex 0 0 currentColor;
}
@supports (-webkit-text-stroke-width: 0.04ex) {
.thaw-tab--selected .thaw-tab__content {
text-shadow: -0.03ex 0 0 currentColor, 0.03ex 0 0 currentColor;
-webkit-text-stroke-width: 0.04ex;
}
} }
.thaw-tab--selected::after { .thaw-tab--selected::after {