Make links easier to override
This commit is contained in:
parent
8dce6d8242
commit
1a09b03d12
1 changed files with 14 additions and 8 deletions
|
@ -72,23 +72,29 @@
|
|||
}
|
||||
|
||||
.button--link {
|
||||
word-break: break-all;
|
||||
transition: color 0.2s;
|
||||
|
||||
&:not(.button--disabled):not(:hover) {
|
||||
color: $lbry-teal-5;
|
||||
|
||||
[data-mode="dark"] & {
|
||||
[data-mode='dark'] & {
|
||||
color: $lbry-teal-3;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.button--disabled):hover {
|
||||
&:hover {
|
||||
color: $lbry-teal-3;
|
||||
|
||||
[data-mode="dark"] & {
|
||||
[data-mode='dark'] & {
|
||||
color: $lbry-teal-4;
|
||||
}
|
||||
}
|
||||
|
||||
&.button--disabled:hover {
|
||||
color: $lbry-teal-5;
|
||||
|
||||
[data-mode='dark'] & {
|
||||
color: $lbry-teal-3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button--primary {
|
||||
|
|
Loading…
Reference in a new issue