Use bootstrap variables to style links

Bootstrap 5 now has a hover color, and instead of trying to override
with CSS, it's easier to use the variables instead.

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 03fe7bd42a9c12f33a147fb4164eed25c4991af2..5c88da6b7545e304985f71d389f584ec6919fed3 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -62,17 +62,6 @@ small, aside {
 .icon.note.grey   { /* no-r2 */ background-position: -240px -20px; }
 .icon.query       { /* no-r2 */ background-position: -260px 0; }
 
-/* Rules for links */
-
-a {
-  color: #24d;
-  text-decoration: none;
-  outline: 0;
-  &:hover {
-    text-decoration: underline;
-  }
-}
-
 /* Utility for de-emphasizing content */
 
 .text-muted a {

diff --git a/app/assets/stylesheets/parameters.scss b/app/assets/stylesheets/parameters.scss
index 3ccb23c74e88375c3d23164cd7cdd3fab89cc874..31e7edce5379b7ece349f469becf4198226dfd12 100644 (file)
--- a/app/assets/stylesheets/parameters.scss
+++ b/app/assets/stylesheets/parameters.scss
@@ -18,4 +18,9 @@ $keyline: 1px solid $lightgrey;
 $list-highlight: #FFFFC0;
 $border: 1px solid $grey;
 
+$link-color: #24d;
+$link-hover-color: #24d;
+$link-decoration: none;
+$link-hover-decoration: underline;
+
 $enable-negative-margins: true;