Skip to content

Commit 1d0ed27

Browse files
committed
style: add styling for current link
1 parent 2c9e317 commit 1d0ed27

File tree

1 file changed

+3
-2
lines changed

1 file changed

+3
-2
lines changed

app/components/Link/Base.vue

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,9 +76,10 @@ const isButtonMedium = computed(() => props.size === 'medium' && props.variant !
7676
'font-mono border border-border rounded-md transition-all duration-200': isButton,
7777
'text-sm px-4 py-2': isButtonMedium,
7878
'text-xs px-2 py-0.5': isButtonSmall,
79-
'bg-transparent text-fg hover:(bg-fg/10) focus-visible:(bg-fg/10)':
79+
'bg-transparent text-fg hover:(bg-fg/10) focus-visible:(bg-fg/10) aria-[current=true]:(bg-fg/10 border-fg/20 hover:enabled:(bg-fg/20 text-fg/50))':
8080
variant === 'button-secondary',
81-
'text-bg bg-fg hover:(bg-fg/50) focus-visible:(bg-fg/50)': variant === 'button-primary',
81+
'text-bg bg-fg hover:(bg-fg/50) focus-visible:(bg-fg/50) aria-current:(bg-fg text-bg border-fg hover:enabled:(text-bg/50))':
82+
variant === 'button-primary',
8283
}"
8384
:to="to"
8485
:aria-keyshortcuts="ariaKeyshortcuts"

0 commit comments

Comments
 (0)