diff options
| author | Henry Jameson <me@hjkos.com> | 2024-02-19 18:48:49 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2024-02-19 18:48:49 +0200 |
| commit | 34aa9136dba6b0e1d54f657e24ea4ae77f6c406e (patch) | |
| tree | 417982d616809b79da2fd7244e150513d9cfdde5 /src/components/button.style.js | |
| parent | 11fd220734ae697e8157d25fbf4cdfc250fe2df7 (diff) | |
refactored most of the CSS stuff into separate file, refactored color
functions and added shadow functions, replaced JS functions in button
with PISS functions
Diffstat (limited to 'src/components/button.style.js')
| -rw-r--r-- | src/components/button.style.js | 14 |
1 files changed, 2 insertions, 12 deletions
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, |