From 28440e8c033cc90bacf31c822e627867c655e57f Mon Sep 17 00:00:00 2001 From: Paulo Vareiro Date: Fri, 23 Aug 2024 16:52:41 +0100 Subject: [PATCH] feat: implement primary button styles --- src/partials/header.twig | 2 +- src/styles/_theme.scss | 23 +++++++++++++++++++++++ 2 files changed, 24 insertions(+), 1 deletion(-) diff --git a/src/partials/header.twig b/src/partials/header.twig index b445a9c..06b78fb 100644 --- a/src/partials/header.twig +++ b/src/partials/header.twig @@ -20,7 +20,7 @@ diff --git a/src/styles/_theme.scss b/src/styles/_theme.scss index 60d1261..9239580 100644 --- a/src/styles/_theme.scss +++ b/src/styles/_theme.scss @@ -5,6 +5,29 @@ --link-hover-color-rgb: var(--primary-text-emphasis-rgb); } +.text-bg-primary { + color: var(--light) !important; + background-color: var(--primary) !important; +} + +.btn-primary { + --btn-bg: var(--primary); + --btn-color: var(--light); + --btn-border-color: var(--primary); + + --btn-hover-bg: var(--primary-hover); + --btn-hover-color: var(--primary); + --btn-hover-border-color: var(--primary); + + --btn-active-bg: var(--primary); + --btn-active-color: var(--light); + --btn-active-border-color: var(--primary); + + --btn-disabled-bg: var(--primary); + --btn-disabled-color: var(--light); + --btn-disabled-border-color: var(--primary); +} + .nav-pills { --nav-pills-link-active-bg: var(--primary); --nav-pills-link-active-color: var(--light);