aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorBryan Brattlof <hello@bryanbrattlof.com>2020-04-25 17:50:36 -0400
committerBryan Brattlof <hello@bryanbrattlof.com>2020-04-25 18:16:02 -0400
commit437f133721bf1186408f03973c0b22cb02c7fa07 (patch)
treea92bb3dc3a74c1275000b69ea23261cf36ef00d3
parentb825a1fe686f078f30c85f6ea5919ebe92019f63 (diff)
downloadbryanbrattlof.com-437f133721bf1186408f03973c0b22cb02c7fa07.tar.gz
bryanbrattlof.com-437f133721bf1186408f03973c0b22cb02c7fa07.tar.bz2
change link highlighter effect to a more neutral gold
after changing the code blocks from the solorize "blue" into a more neutral black, the blue highlighter effect for the links was distracting. So this will change the highlighter to a more neutral yellow.
-rw-r--r--stylesheets/base/links.scss10
-rw-r--r--stylesheets/base/variables.scss5
2 files changed, 9 insertions, 6 deletions
diff --git a/stylesheets/base/links.scss b/stylesheets/base/links.scss
index 9f7ab0c..ad33064 100644
--- a/stylesheets/base/links.scss
+++ b/stylesheets/base/links.scss
@@ -1,10 +1,10 @@
%link {
@include linear-gradient(
- to right,
- lighten($link-highlight-color, 40) 0%,
- lighten($link-highlight-color, 10) 100%
+ to right,
+ $link-highlight-from 0%,
+ $link-highlight-to 100%
);
- background-size: 300% 40%;
+ background-size: 300% 50%;
background-repeat: no-repeat;
background-position: 0% 100%;
@@ -12,7 +12,7 @@
padding: 0;
&:hover {
- background-position: 100% 100%;
+ background-position: 100% 100%;
}
font-style: italic;
diff --git a/stylesheets/base/variables.scss b/stylesheets/base/variables.scss
index 083e338..8cece91 100644
--- a/stylesheets/base/variables.scss
+++ b/stylesheets/base/variables.scss
@@ -21,4 +21,7 @@ $display-font-color: rgb(81, 81, 81) !default;
$secondary-font-color: rgb(154, 154, 154) !default;
$secondary-color: lighten($secondary-font-color, 10) !default;
-$link-highlight-color: rgb(0, 191, 255) !default;
+
+$link-highlight-color: rgb(255, 215, 0) !default;
+$link-highlight-from: lighten($link-highlight-color, 35);
+$link-highlight-to: $link-highlight-color;