@webority/theme 0.51.0 → 0.51.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/webority-theme.css +1 -1
- package/package.json +1 -1
- package/scss/_components.scss +16 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webority/theme",
|
|
3
|
-
"version": "0.51.
|
|
3
|
+
"version": "0.51.1",
|
|
4
4
|
"description": "Webority shared design system — Bootstrap 5.3 SCSS overrides, --wui-* tokens, and shared component CSS. The single source of brand chrome for React portals and Razor sites.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"publishConfig": {
|
package/scss/_components.scss
CHANGED
|
@@ -514,9 +514,24 @@
|
|
|
514
514
|
text-decoration-thickness: 1px;
|
|
515
515
|
text-underline-offset: 3px;
|
|
516
516
|
}
|
|
517
|
-
|
|
517
|
+
// Bootstrap's `.btn:hover` drops the underline (from $link-hover-decoration), so restate it
|
|
518
|
+
// with more specificity on every interactive state.
|
|
519
|
+
.btn.btn-ghost:hover,
|
|
520
|
+
.btn.btn-ghost:active,
|
|
521
|
+
.btn.btn-ghost:focus-visible {
|
|
522
|
+
text-decoration: underline;
|
|
523
|
+
text-decoration-thickness: 1px;
|
|
524
|
+
}
|
|
525
|
+
.btn.btn-ghost:hover:not(:disabled),
|
|
526
|
+
.btn.btn-ghost:active:not(:disabled) {
|
|
518
527
|
text-decoration-thickness: 2px;
|
|
519
528
|
}
|
|
529
|
+
// No box to light up, so keyboard focus gets the outline ring instead.
|
|
530
|
+
.btn.btn-ghost:focus-visible {
|
|
531
|
+
outline: 2px solid var(--color-primary-ink);
|
|
532
|
+
outline-offset: 2px;
|
|
533
|
+
box-shadow: none;
|
|
534
|
+
}
|
|
520
535
|
.btn.btn-ghost.btn-ghost:disabled,
|
|
521
536
|
.btn.btn-ghost.btn-ghost.disabled {
|
|
522
537
|
background-color: transparent;
|