diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-08 19:34:18 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-08 19:34:18 +0100 |
| commit | d738152a59d2ef8f476b16789ba386dc57ff2211 (patch) | |
| tree | 5ed6e82114e50006ba2e3183d00dfbb0fffd746e /src/components/Buttons/Buttons.module.scss | |
| parent | 118f2225e991fad2872e1073eeccb8dbcdd5334d (diff) | |
refactor: improve button-like links styles
The goal was to replace the "read more articles about" links with
button-like links to keep a certain consistence between buttons.
The hasIcon variable was useless so I update some components and
especially the back to top link.
Diffstat (limited to 'src/components/Buttons/Buttons.module.scss')
| -rw-r--r-- | src/components/Buttons/Buttons.module.scss | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/src/components/Buttons/Buttons.module.scss b/src/components/Buttons/Buttons.module.scss index 08dc8b4..15065b2 100644 --- a/src/components/Buttons/Buttons.module.scss +++ b/src/components/Buttons/Buttons.module.scss @@ -117,8 +117,13 @@ } .link { + display: flex; + flex-flow: row wrap; + place-items: center; + gap: var(--spacing-2xs); width: max-content; padding: var(--spacing-2xs) var(--spacing-sm); + position: relative; background: var(--color-bg); border: fun.convert-px(3) solid var(--color-primary); border-radius: fun.convert-px(5); |