Added Cash App Support

Added in Cash App style. Added in Logo: - Cash App Dollar - Cash App Pound - Cash App BTC
lnatero · Feb 8, 2022 · 47dd831 · 47dd831
1 parent d56c40d
commit 47dd831
Show file tree

Hide file tree

Showing 5 changed files with 72 additions and 1 deletion.
diff --git a/css/brands.css b/css/brands.css
@@ -115,6 +115,14 @@ button:hover,
 .button.button-venmo:focus {
   filter: brightness(90%) }
 
+/* Cash App */
+.button.button-cashapp {
+  color: #FFFFFF;
+  background-image: linear-gradient(to bottom, #00D64B, #00C244); }
+.button.button-cashapp:hover,
+.button.button-cashapp:focus {
+  filter: brightness(90%) }
+
 /* Discord */
 .button.button-discord {
   color: #FFFFFF;

diff --git a/images/icons/cashapp_btc.svg b/images/icons/cashapp_btc.svg
diff --git a/images/icons/cashapp_dollar.svg b/images/icons/cashapp_dollar.svg
diff --git a/images/icons/cashapp_pound.svg b/images/icons/cashapp_pound.svg
diff --git a/index.html b/index.html
@@ -239,7 +239,19 @@ <h1>LittleLink</h1>
 
         <!-- Venmo -->
         <a class="button button-venmo" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
+        <br>
+
+        <!-- Cash App Dollar -->
+        <a class="button button-cashapp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/cashapp_dollar.svg" alt="Cash App Logo">Cash App Dollar</a>
+        <br>
 
+        <!-- Cash App Pound -->
+        <a class="button button-cashapp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/cashapp_pound.svg" alt="Cash App Logo">Cash App Pound</a>
+        <br>
+
+        <!-- Cash App BTC -->
+        <a class="button button-cashapp" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/cashapp_btc.svg" alt="Cash App Logo">Cash App Bitcoin</a>
+
         <br>
         <br>
         <p>Build your own by forking <a href="https://littlelink.io" target="_blank" rel="noopener">LittleLink</a>.</p>
@@ -251,4 +263,4 @@ <h1>LittleLink</h1>
 <!-- End Document
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 </body>
-</html>
+</html>