add button componet

FAForever · May 1, 2024 · 4aa1cc5 · 4aa1cc5
1 parent a42d87d
commit 4aa1cc5
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/pages/balanceChanges.html b/pages/balanceChanges.html
@@ -304,7 +304,14 @@ <h3>Transport cargo killing and veterancy</h3>
     </main>    
   </body>
   <footer>
-    <div class="BackToTop"><button><a class="TopText" href="#top">Back to Top</a></button></div><br>
+    <div class="BackToTop">
+      <button>
+        <a class="TopText" href="#top">
+          Back to Top
+        </a>
+      </button>
+    </div>
+    <br>
     <a href="../index.html">Back to Patchnote List</a>
     <p>© 2015-2024 FAForever</p>
   </footer>

diff --git a/style/balance.css b/style/balance.css
@@ -2,6 +2,7 @@
 @import '../style/components/card.css';
 @import '../style/components/images.css';
 @import '../style/components/video.css';
+@import '../style/components/button.css';
 
 h1, h2, h3, h4, h5, h6 {
     font-family: 'Ubuntu', sans-serif;

diff --git a/style/components/button.css b/style/components/button.css
@@ -0,0 +1,5 @@
+button {
+ border-radius: 10px;
+ padding: 5px;
+ background: var(--ButtonBackground);   
+}
diff --git a/style/root.css b/style/root.css
@@ -38,6 +38,7 @@
     --Footer: #666;
     --Line : #444; /* #444 & #555 */
     --LM-HR : #555;
+    --ButtonBackground: #1f375e;
 }
 
 /* Base Elemets */