Leahnaya/website
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/website.git synced 2026-04-26 01:49:23 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(styles): fix buttons

Browse Source
This commit is contained in:
Ash Monty 2022-07-25 15:58:33 +02:00
parent adb5d0bb23
commit 492e7cd42f
No known key found for this signature in database
GPG Key ID: 740B7C88251D49B6
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/assets/css/components.css
View File

@ -1,6 +1,7 @@
/* BUTTONS */ /* BUTTONS */
button { button,
.button {
appearance: none; appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
border: 0; border: 0;
@ -14,24 +15,29 @@ button {
display: block; display: block;
text-align: center; text-align: center;
} }
button:hover { button:hover,
.button:hover {
background: var(--bg-shade-4); background: var(--bg-shade-4);
} }
button.primary { button.primary,
.button.primary {
background: var(--accent-shade-0); background: var(--accent-shade-0);
} }
button.primary:hover { button.primary:hover,
.button.primary:hover {
background: var(--accent-shade-1); background: var(--accent-shade-1);
} }
button.secondary.icon-btn { button.secondary.icon-btn,
.button.secondary.icon-btn {
width: 50px; width: 50px;
height: 50px; height: 50px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
button svg { button svg,
.button svg {
width: 30px; width: 30px;
height: 30px; height: 30px;
display: block; display: block;