mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-06 02:15:50 +00:00
George Cushen
3b314fe4b2
- Fix dark mode code block styling in chroma.css (background stays bright issue) - Resolve JavaScript errors with window.hbb object initialization - Fix Mermaid.js color parsing errors with proper CSS variable fallbacks - Move inline JavaScript to external files for CSP compliance - Create dedicated hb-search.js for search functionality - Add proper error handling and validation for PagefindUI initialization - Update .stylelintrc.yaml to disable no-descending-specificity rule - Fix remaining lint issues: flex-flow shorthand and kebab-case IDs - Ensure theme toggler functionality works correctly Resolves regressions introduced during Tailwind 3→4 migration. All functionality now works in both light and dark modes.
29 lines
665 B
CSS
29 lines
665 B
CSS
.hb-steps {
|
|
@apply ml-4 mb-12 pl-6 border-l border-gray-200 [counter-reset:hb_step];
|
|
|
|
border-left-color: rgb(var(--color-neutral-200));
|
|
}
|
|
|
|
.dark .hb-steps {
|
|
border-left-color: rgb(var(--color-neutral-600));
|
|
}
|
|
|
|
.hb-steps h3 {
|
|
counter-increment: hb-step;
|
|
|
|
&::before {
|
|
@apply absolute w-[33px] h-[33px];
|
|
@apply rounded-full border-4 border-white dark:border-slate-300;
|
|
@apply bg-gray-100 dark:bg-hb-dark;
|
|
@apply text-base font-normal text-center -indent-px;
|
|
@apply mt-[3px] ml-[-41px];
|
|
|
|
color: rgb(var(--color-neutral-700));
|
|
content: counter(hb-step);
|
|
}
|
|
}
|
|
|
|
.dark .hb-steps h3::before {
|
|
color: rgb(var(--color-neutral-200));
|
|
}
|