From d177e0c7c61845b516d4a361a21739bb6486b9b5 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 1 Apr 2022 19:03:42 +0200 Subject: chore: add a back to top component --- src/components/atoms/buttons/buttons.module.scss | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) (limited to 'src/components/atoms/buttons/buttons.module.scss') 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; } -- cgit v1.2.3