style: Update CSS formatting and add theme variables
This commit is contained in:
parent
9d9399056f
commit
21bdbab1cf
1 changed files with 10 additions and 6 deletions
|
@ -1,8 +1,12 @@
|
|||
@import 'tailwindcss';
|
||||
@import "tailwindcss";
|
||||
|
||||
.btn-primary {
|
||||
@apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-gradient-to-r from-emerald-500 to-emerald-400 text-black hover:shadow-xl hover:shadow-emerald-500/20;
|
||||
}
|
||||
.btn-secondary {
|
||||
@apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-white/10 text-white hover:bg-white/20;
|
||||
@theme {
|
||||
--color-deep-blue: #0F212E;
|
||||
--color-deep-blue-light: #1A2C38;
|
||||
--color-deep-blue-contrast: #1B2C3B;
|
||||
--color-light-blue: #1475E1;
|
||||
}
|
||||
|
||||
body {
|
||||
@apply bg-deep-blue text-gray-100;
|
||||
}
|
Reference in a new issue