mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-06 02:15:50 +00:00
George Cushen
f4280ddb1c
BREAKING CHANGE Module paths moved to `github.com/HugoBlox/kit` with new names: - core `blox-tailwind` → `blox` - analytics → `analytics` - netlify → `integrations/netlify` - slides (reveal) → `slides` Update go.mod, module.yaml/params, scripts, tests, and v0.11 migration guide accordingly.
49 lines
1.2 KiB
CSS
49 lines
1.2 KiB
CSS
/* Author Notes Tooltip Styles */
|
|
|
|
/* Hide elements with x-cloak until Alpine.js initializes */
|
|
[x-cloak] {
|
|
/* biome-ignore lint/complexity/noImportantStyles: Required to reliably hide until Alpine initializes */
|
|
display: none !important;
|
|
}
|
|
|
|
/* Ensure tooltip appears above other content */
|
|
.author-notes-tooltip {
|
|
z-index: 9999;
|
|
}
|
|
|
|
/* Smooth hover effect for the info icon */
|
|
.author-notes {
|
|
@apply inline-flex items-center justify-center;
|
|
@apply transition-all duration-200 ease-in-out;
|
|
}
|
|
|
|
/* Focus styles for accessibility */
|
|
.author-notes:focus {
|
|
@apply outline-none ring-2 ring-primary-500 ring-offset-2 rounded-full;
|
|
}
|
|
|
|
/* Additional responsive styles for mobile */
|
|
@media (max-width: 640px) {
|
|
/* On mobile, tooltips should be wider if needed */
|
|
.author-notes-tooltip {
|
|
white-space: normal;
|
|
max-width: 200px;
|
|
}
|
|
}
|
|
|
|
/* Print styles - show author notes inline when printing */
|
|
@media print {
|
|
.author-notes {
|
|
display: none;
|
|
}
|
|
|
|
/* Show author notes as superscript numbers in print */
|
|
.author-notes::after {
|
|
display: inline;
|
|
content: attr(data-tooltip);
|
|
vertical-align: super;
|
|
font-size: 0.75em;
|
|
margin-left: 0.25em;
|
|
}
|
|
}
|