diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-04-01 19:03:42 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-04-01 22:58:18 +0200 |
| commit | d177e0c7c61845b516d4a361a21739bb6486b9b5 (patch) | |
| tree | 3905aab133889d5d59f8116fbcf301930b858887 /src/components/atoms/buttons/buttons.module.scss | |
| parent | 163f9dc0fe436b708de4e59999e87005c6685a0f (diff) | |
chore: add a back to top component
Diffstat (limited to 'src/components/atoms/buttons/buttons.module.scss')
| -rw-r--r-- | src/components/atoms/buttons/buttons.module.scss | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/components/atoms/buttons/buttons.module.scss b/src/components/atoms/buttons/buttons.module.scss index 9dddf48..6784de9 100644 --- a/src/components/atoms/buttons/buttons.module.scss +++ b/src/components/atoms/buttons/buttons.module.scss @@ -1,15 +1,24 @@ @use "@styles/abstracts/functions" as fun; .btn { - display: block; - max-width: max-content; - padding: var(--spacing-2xs) var(--spacing-md); + display: inline-flex; + place-content: center; + align-items: center; border: none; border-radius: fun.convert-px(5); font-size: var(--font-size-md); font-weight: 600; transition: all 0.3s ease-in-out 0s; + &--rectangle { + padding: var(--spacing-2xs) var(--spacing-md); + } + + &--square { + padding: var(--spacing-xs); + aspect-ratio: 1 / 1; + } + &:disabled { cursor: wait; } |