dannc/littlelink
1
0
Fork 0
mirror of https://github.com/Dannecron/littlelink.git synced 2025-12-25 16:12:34 +03:00
Code Issues Packages Projects Releases Wiki Activity

General Updates

Browse Source 
Added the `aria-hidden="true"` to `img` to avoid having the icon be read by screen readers. Screen readers should now read as a simplified `[brand] button` (i.e. `LittleLink button`). Alt text is making a return with this as well.

I've removed Twitter, since it looks like X branding is sticking around.

Renamed `discogs_alt` to `discogs-alt` to align with how other alt versions are added.
This commit is contained in:
Seth Cottle
2024-03-06 22:59:49 -05:00
parent df1f9e6075
commit 94ddcd2685
4 changed files with 126 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
css/brands.css
View File

@@ -299,14 +299,14 @@ button:hover,
filter: brightness(90%);
}
/* Discogs_alt */
.button.button-discogs_alt {
/* Discogs Alt */
.button.button-discogs-alt {
color: #FFFFFF;
background-color: #000000;
border: 1px solid #FFFFFF
}
.button.button-discogs:hover,
.button.button-discogs:focus {
.button.button-discogs-alt:hover,
.button.button-discogs-alt:focus {
filter: brightness(90%);
}
@@ -465,17 +465,6 @@ button:hover,
filter: brightness(90%);
}
/* Google Podcasts */
.button.button-google-podcasts {
color: #000000;
background-color: #FFFFFF;
border: 1px solid #212121;
}
.button.button-google-podcasts:hover,
.button.button-google-podcasts:focus {
filter: brightness(90%);
}
/* Google Scholar */
.button.button-google-scholar {
color: #000000;
@@ -537,7 +526,6 @@ button:hover,
filter: brightness(90%);
}
/* Kickstarter */
.button.button-kickstarter {
color: #ffffff;
@@ -752,7 +740,7 @@ button:hover,
.button.button-qq {
color: #000000;
background-color: #FFFFFF;
border: 3px solid #4D94FF;
border: 1px solid #000000;
}
.button.button-qq:hover,
.button.button-qq:focus {
@@ -843,7 +831,6 @@ button:hover,
filter: brightness(90%);
}
/* Snapchat */
.button.button-snapchat {
color: #000000;
@@ -1030,16 +1017,6 @@ button:hover,
filter: brightness(90%);
}
/* Twitter (archiving soon, see 'X') */
.button.button-twit {
color: #ffffff;
background-color: #1da1f2;
}
.button.button-twit:hover,
.button.button-twit:focus {
filter: brightness(90%);
}
/* Unsplash */
.button.button-unsplash {
color: #000000;
@@ -1184,8 +1161,4 @@ button:hover,
.button.button-zoom:hover,
.button.button-zoom:focus {
filter: brightness(90%);
}
}