From 0db7c77728b51b09bb0fc3f58765581e5b499478 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Mon, 26 Feb 2024 14:13:30 +0100
Subject: [PATCH] button style
---
assets/sass/_theme/_configuration.sass | 23 ++++++++++++++---------
assets/sass/_theme/_variables.sass | 19 +++++++++++++++++++
2 files changed, 33 insertions(+), 9 deletions(-)
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 03d1509a..9c2de1c3 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -180,16 +180,21 @@ $link-underline-thickness: 1px !default
$link-transition: text-decoration-color .3s ease !default
$link-unhover-decoration-color-alpha: 0.3 !default
-// Buttons
-$btn-font-size-desktop: pxToRem(18) !default // TODO
-$btn-font-size: pxToRem(14) !default
-$btn-padding-x-desktop: $spacing-3 !default
-$btn-padding-y-desktop: pxToRem(15) !default
-$btn-padding-x: $spacing-3 !default
-$btn-padding-y: $spacing-2 !default
+// Button
+$btn-font-size: $meta-size !default
+$btn-font-size-desktop: $meta-size-desktop !default
+$btn-font-weight: normal !default
+$btn-text-transform: none !default
+$btn-color: $color-text !default
+$btn-hover-color: $color-text !default
+$btn-background: $color-background !default
+$btn-hover-background: $color-background-alt !default
+$btn-border: pxToRem(1) solid $color-border !default
+$btn-border-desktop: $btn-border !default
$btn-border-radius: pxToRem(4) !default
-$btn-border: 1px solid var(--color-text) !default
-$btn-hover-background: var(--color-background-alt) !default
+$btn-border-radius-desktop: $btn-border-desktop !default
+$btn-padding: $spacing-2 $spacing-2 !default
+$btn-padding-desktop: $spacing-2 $spacing-3 !default
// Chip
$chip-background: var(--color-background) !default
diff --git a/assets/sass/_theme/_variables.sass b/assets/sass/_theme/_variables.sass
index dcf5670c..664192db 100644
--- a/assets/sass/_theme/_variables.sass
+++ b/assets/sass/_theme/_variables.sass
@@ -110,6 +110,25 @@
--quote-size: #{$quote-size-desktop}
--quote-line-height: #{$quote-line-height-desktop}
+ // -------------- //
+ // BUTTONS //
+ // ---------------//
+ --btn-font-size: #{$btn-font-size}
+ --btn-font-weight: #{$btn-font-weight}
+ --btn-text-transform: #{$btn-text-transform}
+ --btn-color: #{$btn-color}
+ --btn-hover-color: #{$btn-hover-color}
+ --btn-background: #{$btn-background}
+ --btn-hover-background: #{$btn-hover-background}
+ --btn-border: #{$btn-border}
+ --btn-border-radius: #{$btn-border-radius}
+ --btn-padding: #{$btn-padding}
+ @include media-breakpoint-up(desktop)
+ --btn-font-size: #{$btn-font-size-desktop}
+ --btn-padding: #{$btn-padding-desktop}
+ --btn-border: #{$btn-border-desktop}
+ --btn-border-radius: #{$btn-border-radius-desktop}
+
// -------------- //
// GRID //
// ---------------//
--
GitLab