add board buttons row for mobile and desktop, global styling for button

This commit is contained in:
plebeius.eth
2024-03-22 12:09:17 +01:00
parent 7e33a5de8e
commit 80c3a51328
9 changed files with 123 additions and 50 deletions
+17 -17
View File
@@ -20,8 +20,8 @@
--body-font-size: 10pt;
/* desktop buttons */
--button-text-color: #00e;
--button-text-color-hover: red;
--button-desktop-text-color: #00e;
--button-desktop-text-color-hover: red;
/* mobile buttons */
--button-font-size-mobile: 10pt;
@@ -96,8 +96,8 @@
--homepage-box-bar-background-color: #98e;
/* desktop buttons */
--button-text-color: #34345c;
--button-text-color-hover: #d00;
--button-desktop-text-color: #34345c;
--button-desktop-text-color-hover: #d00;
/* mobile buttons */
--button-font-size-mobile: 10pt;
@@ -156,9 +156,9 @@
--board-title-font-size: 32px;
--board-address-font-size: 10pt;
/* buttons */
--button-text-color: #00e;
--button-text-color-hover: red;
/* desktop buttons */
--button-desktop-text-color: #00e;
--button-desktop-text-color-hover: red;
--button-text-decoration: underline;
/* mobile buttons */
@@ -218,10 +218,10 @@
--homepage-box-bar-background-color: #98e;
--homepage-box-bar-text-color-hover: #fff;
/* buttons */
--button-text-color: #34345c;
/* desktop buttons */
--button-desktop-text-color: #34345c;
--button-text-decoration: underline;
--button-text-color-hover: #d00;
--button-desktop-text-color-hover: #d00;
/* mobile buttons */
--button-font-size-mobile: 11pt;
@@ -277,9 +277,9 @@
--board-title-font-family: Tahoma, sans-serif;
--board-address-font-size: x-small;
/* buttons */
--button-text-color: #81a2be;
--button-text-color-hover: #5f89ac;
/* desktop buttons */
--button-desktop-text-color: #81a2be;
--button-desktop-text-color-hover: #5f89ac;
/* mobile buttons */
--button-font-size-mobile: 10pt;
@@ -329,15 +329,15 @@
--board-title-text-color: #004a99;
--board-address-font-size: x-small;
/* buttons */
--button-text-color: #f60;
--button-text-color-hover: #f30;
/* desktop buttons */
--button-desktop-text-color: #f60;
--button-desktop-text-color-hover: #f30;
/* mobile buttons */
--button-font-size-mobile: 10pt;
--button-font-weight-mobile: 700;
--button-text-color-mobile: #333;
--button-background-mobile: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(224, 224, 224, 1) 100%);
--button-background-image-mobile: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(224, 224, 224, 1) 100%);
--button-border-mobile: 1px solid #ccc;
/* horizontal rule */