From 02e2cbda68d9fab7615950009d2f352473cca027 Mon Sep 17 00:00:00 2001
From: Alexis BENOIT <alex@noesya.coop>
Date: Tue, 24 Dec 2024 11:56:34 +0100
Subject: [PATCH] Style des boutons : ajout de variables (#844)
---
assets/sass/_theme/_variables.sass | 2 ++
assets/sass/_theme/configuration/components.sass | 2 ++
assets/sass/_theme/design-system/button.sass | 3 ++-
3 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/assets/sass/_theme/_variables.sass b/assets/sass/_theme/_variables.sass
index 245c7bee..666528d0 100644
--- a/assets/sass/_theme/_variables.sass
+++ b/assets/sass/_theme/_variables.sass
@@ -115,7 +115,9 @@
// ---------------//
--btn-font-family: #{$btn-font-family}
--btn-font-size: #{$btn-font-size}
+ --btn-font-style: #{$btn-font-style}
--btn-font-weight: #{$btn-font-weight}
+ --btn-line-height: #{$btn-line-height}
--btn-text-transform: #{$btn-text-transform}
--btn-color: #{$btn-color}
--btn-hover-color: #{$btn-hover-color}
diff --git a/assets/sass/_theme/configuration/components.sass b/assets/sass/_theme/configuration/components.sass
index 48a4aad8..8f4d1f93 100644
--- a/assets/sass/_theme/configuration/components.sass
+++ b/assets/sass/_theme/configuration/components.sass
@@ -2,7 +2,9 @@
$btn-font-family: $heading-font-family !default
$btn-font-size: $meta-size !default
$btn-font-size-desktop: $meta-size-desktop !default
+$btn-font-style: normal !default
$btn-font-weight: normal !default
+$btn-line-height: $body-line-height !default
$btn-text-transform: none !default
$btn-color: var(--color-text) !default
$btn-hover-color: var(--color-text) !default
diff --git a/assets/sass/_theme/design-system/button.sass b/assets/sass/_theme/design-system/button.sass
index 1a1c1b86..bfc6acc1 100644
--- a/assets/sass/_theme/design-system/button.sass
+++ b/assets/sass/_theme/design-system/button.sass
@@ -18,10 +18,11 @@
@include button-reset
font-family: var(--btn-font-family)
font-size: var(--btn-font-size)
+ font-style: var(--btn-font-style)
font-weight: var(--btn-font-weight)
text-transform: var(--btn-text-transform)
text-decoration: none
- line-height: $body-line-height
+ line-height: var(--btn-line-height)
color: var(--btn-color)
background: var(--btn-background)
border: var(--btn-border)
--
GitLab