cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use bootstrap variables to style links

Browse source 
Bootstrap 5 now has a hover color, and instead of trying to override
with CSS, it's easier to use the variables instead.
This commit is contained in:
Andy Allan 2022-07-06 18:09:24 +01:00
parent 235ca0b4f3
commit ac07a79078
2 changed files with 5 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

11
app/assets/stylesheets/common.scss
View file

@ -62,17 +62,6 @@ small, aside {
.icon.note.grey { /* no-r2 */ background-position: -240px -20px; } .icon.note.grey { /* no-r2 */ background-position: -240px -20px; }
.icon.query { /* no-r2 */ background-position: -260px 0; } .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 */ /* Utility for de-emphasizing content */
.text-muted a { .text-muted a {

5
app/assets/stylesheets/parameters.scss
View file

@ -18,4 +18,9 @@ $keyline: 1px solid $lightgrey;
$list-highlight: #FFFFC0; $list-highlight: #FFFFC0;
$border: 1px solid $grey; $border: 1px solid $grey;
$link-color: #24d;
$link-hover-color: #24d;
$link-decoration: none;
$link-hover-decoration: underline;
$enable-negative-margins: true; $enable-negative-margins: true;