From 1e444a23e3384f155df0eaaa93df41c35080d999 Mon Sep 17 00:00:00 2001 From: sounmind Date: Sun, 14 Jul 2024 14:20:07 -0400 Subject: [PATCH] style: add button-link border color --- components/button-link.js | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/components/button-link.js b/components/button-link.js index b5020f0..dc0e402 100644 --- a/components/button-link.js +++ b/components/button-link.js @@ -84,7 +84,17 @@ class ButtonLink extends HTMLElement { color: black; font-weight: normal; border-radius: 10px; - border: 2px solid black; + background: white; + border: 3px solid transparent; + background-clip: padding-box, border-box; + background-origin: padding-box, border-box; + background-image: linear-gradient(white, white), + linear-gradient(135deg, var(--secondary), var(--primary)); + + @media only screen and (min-width: 768px) { + border-width: 5px; + } + } } @media only screen and (min-width: 768px) {