From 52a89a361a060d8f99ee830d6d662ece3be1ca6d Mon Sep 17 00:00:00 2001
From: "fanky.eu" <jakub.webisti@gmail.com>
Date: Thu, 15 Apr 2021 13:38:44 +0200
Subject: [PATCH] creating a color variable (neutral naming convention) for
effects and using it for now only in switches
---
source/css/molecules/switch.pcss | 2 +-
tailwind.config.js | 1 +
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/source/css/molecules/switch.pcss b/source/css/molecules/switch.pcss
index 7e5c37b..1e99965 100644
--- a/source/css/molecules/switch.pcss
+++ b/source/css/molecules/switch.pcss
@@ -11,5 +11,5 @@
}
.switch__item--active,
.switch__item--active:hover {
-@apply bg-cyan-300;
+ background-color: theme('colors.fxactivecolor');
}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 8a7b46d..aafb2c6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -171,6 +171,7 @@ module.exports = {
'400': '#840048',
'500': '#670047',
},
+ 'fxactivecolor': '#3e8793', // used in switch active state, cyan 300
},
container: {
center: true,
--
GitLab