From 1a09b03d129b642c18fa3bee018de59fee4e04ab Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 7 Mar 2019 13:25:28 -0500
Subject: [PATCH] Make links easier to override
---
sass/button/_index.scss | 22 ++++++++++++++--------
1 file changed, 14 insertions(+), 8 deletions(-)
diff --git a/sass/button/_index.scss b/sass/button/_index.scss
index c236939..2b673b4 100644
--- a/sass/button/_index.scss
+++ b/sass/button/_index.scss
@@ -72,21 +72,27 @@
}
.button--link {
+ word-break: break-all;
transition: color 0.2s;
+ color: $lbry-teal-5;
- &:not(.button--disabled):not(:hover) {
- color: $lbry-teal-5;
+ [data-mode='dark'] & {
+ color: $lbry-teal-3;
+ }
- [data-mode="dark"] & {
- color: $lbry-teal-3;
+ &:hover {
+ color: $lbry-teal-3;
+
+ [data-mode='dark'] & {
+ color: $lbry-teal-4;
}
}
- &:not(.button--disabled):hover {
- color: $lbry-teal-3;
+ &.button--disabled:hover {
+ color: $lbry-teal-5;
- [data-mode="dark"] & {
- color: $lbry-teal-4;
+ [data-mode='dark'] & {
+ color: $lbry-teal-3;
}
}
}