Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2024-12-16 20:26:19 -05:00
Code Issues Activity

style(ui): update link button styling (#2269)

Browse source
This commit is contained in:
simeng-li 2022-10-28 18:55:36 +08:00 committed by GitHub
parent 02ea86d844
commit 537b5cd577
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/ui/src/components/TextLink/index.module.scss
View file

@ -9,6 +9,12 @@
color: var(--color-brand-default);
text-decoration: none;
font: var(--font-label-2);
border-radius: _.unit(1);
padding: _.unit(1) _.unit(0.5);
&:active {
background: var(--color-overlay-brand-pressed);
}
}
&.secondary {
@ -21,10 +27,15 @@
:global(body.desktop) {
.link {
&.primary:hover {
text-decoration: underline;
background: var(--color-overlay-brand-hover);
}
&.secondary:hover {
&.primary:focus-visible {
outline: _.border(var(--color-overlay-brand-focused));
}
&.secondary:hover,
&.secondary:active {
color: var(--color-brand-default);
}
}