Marc Mintel
d09b576137
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 26s
Build & Deploy / 🧪 QA (push) Successful in 1m26s
Build & Deploy / 🏗️ Build (push) Successful in 2m33s
Build & Deploy / 🚀 Deploy (push) Successful in 28s
Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 56s
Build & Deploy / 🔔 Notify (push) Successful in 2s
90 lines
2.0 KiB
CSS
90 lines
2.0 KiB
CSS
@import "tailwindcss";
|
|
@plugin "@tailwindcss/typography";
|
|
|
|
@config "../tailwind.config.cjs";
|
|
|
|
/* E-TIB Custom Utilities */
|
|
@layer utilities {
|
|
.text-balance {
|
|
text-wrap: balance;
|
|
}
|
|
|
|
.hide-scrollbar {
|
|
-ms-overflow-style: none !important; /* IE and Edge */
|
|
scrollbar-width: none !important; /* Firefox */
|
|
}
|
|
.hide-scrollbar::-webkit-scrollbar {
|
|
display: none !important; /* Chrome, Safari and Opera */
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
}
|
|
|
|
@keyframes bg-pulse-15 {
|
|
0%, 90%, 100% { opacity: 0.04; }
|
|
95% { opacity: 0.10; filter: brightness(1.2); }
|
|
}
|
|
@keyframes bg-pulse-20 {
|
|
0%, 90%, 100% { opacity: 0.07; }
|
|
95% { opacity: 0.14; filter: brightness(1.2); }
|
|
}
|
|
.animate-bg-pulse-15 { animation: bg-pulse-15 12s infinite ease-in-out; }
|
|
.animate-bg-pulse-20 { animation: bg-pulse-20 12s infinite ease-in-out; }
|
|
}
|
|
|
|
/* Base Styles */
|
|
@layer base {
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
body {
|
|
@apply bg-neutral font-sans text-neutral-dark antialiased;
|
|
}
|
|
/* Interactive elements pointer */
|
|
a,
|
|
button,
|
|
[role="button"],
|
|
input[type="button"],
|
|
input[type="submit"],
|
|
input[type="reset"],
|
|
select,
|
|
summary,
|
|
label[for] {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Ensure disabled elements don't show pointer */
|
|
button:disabled,
|
|
[role="button"]:disabled,
|
|
input:disabled,
|
|
select:disabled,
|
|
button[disabled] {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/* Custom Modern Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgba(14, 122, 92, 0.4);
|
|
border-radius: 10px;
|
|
border: 4px solid transparent;
|
|
background-clip: padding-box;
|
|
transition: background-color 0.2s ease;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgba(14, 122, 92, 0.8);
|
|
}
|
|
|
|
/* Firefox */
|
|
html {
|
|
scrollbar-color: rgba(14, 122, 92, 0.5) transparent;
|
|
scrollbar-width: thin;
|
|
}
|
|
}
|
|
/* trigger rebuild */
|