1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-25 11:28:51 +01:00
metamask-extension/ui/components/component-library/button-link/button-link.scss
Garrett Bear 70a13296c9
Feat/18889/update buttonlink ts (#20372)
* fix buttonlink alignment

* ButtonLink TS migration

* fix lint

* remove ButtonBase loading error feat

* move padding 0 to ButtonBase

* fix color issue

* fix test file

* fix snapshot

* Update ui/components/component-library/button-link/README.mdx

Co-authored-by: George Marshall <george.marshall@consensys.net>

* readme fix

* Update ui/components/component-library/button-link/button-link.stories.tsx

Co-authored-by: George Marshall <george.marshall@consensys.net>

---------

Co-authored-by: George Marshall <george.marshall@consensys.net>
2023-08-04 14:00:05 -07:00

57 lines
1.0 KiB
SCSS

.mm-button-link {
&:hover:not(&--disabled) {
color: var(--color-primary-default);
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
&:active:not(&--disabled) {
color: var(--color-primary-alternative);
}
&--disabled {
&:active {
color: var(--color-primary-default);
}
}
&--type-danger:not(&--disabled) {
&:hover {
color: var(--color-error-default);
}
&:active {
color: var(--color-error-alternative);
}
}
&--type-danger#{&}--disabled:active {
color: var(--color-error-default);
}
&--size-auto {
height: auto;
}
&--size-inherit {
height: auto;
background-color: transparent;
vertical-align: top;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
}
&--size-inherit:hover:not(&--disabled) {
text-decoration-thickness: auto;
text-underline-offset: 2px;
}
&--loading:hover:not(&--disabled) {
text-decoration: none;
}
}