Style des boutons : ajout de variables (#844)

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}

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

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)