diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-10-15 10:39:20 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-10-15 10:39:20 +0200 |
| commit | 3a928023a46b4fb50b2e1eb7447aaaf24b0718a1 (patch) | |
| tree | d89f9c356bd8fce2e2a0ff263d0785c89a326c01 /code/app/src/lib/components/button.svelte | |
| parent | b3dcacdc54e9893a77f165acd1809958be9b2a66 (diff) | |
| download | greatoffice-3a928023a46b4fb50b2e1eb7447aaaf24b0718a1.tar.xz greatoffice-3a928023a46b4fb50b2e1eb7447aaaf24b0718a1.zip | |
feat: Support reset style
This is WIP, maybe all: unset is better
Diffstat (limited to 'code/app/src/lib/components/button.svelte')
| -rw-r--r-- | code/app/src/lib/components/button.svelte | 16 |
1 files changed, 15 insertions, 1 deletions
diff --git a/code/app/src/lib/components/button.svelte b/code/app/src/lib/components/button.svelte index cbc09e2..abe62ae 100644 --- a/code/app/src/lib/components/button.svelte +++ b/code/app/src/lib/components/button.svelte @@ -1,5 +1,5 @@ <script context="module" lang="ts"> - export type ButtonKind = "primary" | "secondary" | "white"; + export type ButtonKind = "primary" | "secondary" | "white" | "reset"; export type ButtonSize = "sm" | "lg" | "md" | "xl"; </script> @@ -68,6 +68,9 @@ kindClasses = "border-gray-300 text-gray-700 bg-white hover:bg-gray-50 focus:ring-gray-400"; spinnerTextClasses = "text-gray-700"; break; + case "reset": + kindClasses = "reset outline-none ring-0 focus:ring-0 focus-visible:ring-0"; + break; } </script> @@ -101,3 +104,14 @@ {text} </button> {/if} + +<style> + .reset { + border: 0px; + outline: none; + + } + .reset:focus { + outline: none; + } +</style> |