Mirrors/keyoxide-web
1
0
Fork 1
mirror of https://codeberg.org/keyoxide/keyoxide-web.git synced 2024-12-22 14:59:29 -07:00
Code Issues Projects Releases Packages Wiki Activity

Changed anchor tag donate buttons to use CSS variables for more consistent declaration

Browse source 
Donate buttons now use the variables used in the a.button declaration
for more consistent declaration
This commit is contained in:
Pastel de N4ta 2024-10-02 15:20:30 +01:00
parent 8c731015b5
commit 301571c94a
No known key found for this signature in database
1 changed files with 16 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
static-src/styles/typography.scss
View file

@ -105,40 +105,28 @@ a.button.button--donate {
a.button.button--donate svg { a.button.button--donate svg {
width: 24px; width: 24px;
height: 24px; height: 24px;
fill: var(--text-color); fill: var(--button-text-color);
} }
a.button.button--donate.button--opencollective { a.button.button--donate.button--opencollective {
color: #fff; --button-text-color: #fff;
background-color: #0c2d66; --button-background-color: #0c2d66;
} --button-text-color-hover: #fff;
a.button.button--donate.button--opencollective svg { --button-background-color-hover: #144aa9;
fill: #fff;
}
a.button.button--donate.button--opencollective:hover {
color: #fff;
background-color: #144aa9;
} }
a.button.button--donate.button--liberapay { a.button.button--donate.button--liberapay {
color: #333; --button-text-color: #333;
background-color: #ffee16; --button-background-color: #ffee16;
} --button-text-color-hover: #333;
a.button.button--donate.button--liberapay svg { --button-background-color-hover: #fff463;
fill: #333;
}
a.button.button--donate.button--liberapay:hover {
color: #333;
background-color: #fff463;
} }
a.button.button--donate.button--kofi { a.button.button--donate.button--kofi {
color: #333; --button-text-color: #333;
background-color: #1ac0ff; --button-background-color: #1ac0ff;
} --button-text-color-hover: #333;
a.button.button--donate.button--kofi svg { --button-background-color-hover: #66d4ff;
fill: #333;
}
a.button.button--donate.button--kofi:hover {
color: #333;
background-color: #66d4ff;
} }
ul { ul {