From 34aa9136dba6b0e1d54f657e24ea4ae77f6c406e Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Mon, 19 Feb 2024 18:48:49 +0200 Subject: refactored most of the CSS stuff into separate file, refactored color functions and added shadow functions, replaced JS functions in button with PISS functions --- src/components/button.style.js | 14 ++------------ 1 file changed, 2 insertions(+), 12 deletions(-) (limited to 'src/components/button.style.js') diff --git a/src/components/button.style.js b/src/components/button.style.js index f12623f9..3c090584 100644 --- a/src/components/button.style.js +++ b/src/components/button.style.js @@ -1,15 +1,5 @@ -const border = (top, shadow) => ({ - x: 0, - y: top ? 1 : -1, - blur: 0, - spread: 0, - color: shadow ? '#000000' : '#FFFFFF', - alpha: 0.2, - inset: true -}) - -const buttonInsetFakeBorders = [border(true, false), border(false, true)] -const inputInsetFakeBorders = [border(true, true), border(false, false)] +const buttonInsetFakeBorders = ['$borderSide(#FFFFFF, top, 0.2)', '$borderSide(#000000, bottom, 0.2)'] +const inputInsetFakeBorders = ['$borderSide(#FFFFFF, bottom, 0.2)', '$borderSide(#000000, top, 0.2)'] const buttonOuterShadow = { x: 0, y: 0, -- cgit v1.2.3-70-g09d2