79 lines
1.3 KiB
SCSS
79 lines
1.3 KiB
SCSS
/**
|
|
* KLZ Cables Global Styles
|
|
* Minimal global styles + Tailwind CSS
|
|
*/
|
|
|
|
@import "tailwindcss";
|
|
|
|
/*
|
|
* ESSENTIAL GLOBAL STYLES ONLY
|
|
* All component styles should use Tailwind utilities
|
|
* Design tokens are available via Tailwind config
|
|
*/
|
|
|
|
/* Custom Scrollbar - Essential for UX */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: #e9ecef;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #0056b3;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #003d82;
|
|
}
|
|
|
|
/* Focus Styles for Accessibility */
|
|
*:focus-visible {
|
|
outline: 2px solid #0056b3;
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* Smooth scrolling */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
/* Reduced motion support */
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
animation-duration: 0.01ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
transition-duration: 0.01ms !important;
|
|
scroll-behavior: auto !important;
|
|
}
|
|
}
|
|
|
|
/* Print styles */
|
|
@media print {
|
|
.navbar,
|
|
.cookie-consent,
|
|
.locale-switcher,
|
|
.submit-btn,
|
|
.btn {
|
|
display: none !important;
|
|
}
|
|
|
|
body {
|
|
background: white;
|
|
color: black;
|
|
}
|
|
|
|
.container {
|
|
max-width: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
a::after {
|
|
content: " (" attr(href) ")";
|
|
}
|
|
} |