50 lines
850 B
SCSS
50 lines
850 B
SCSS
// Drawer animation styles
|
|
.translate-x-0 {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.translate-x-full {
|
|
transform: translateX(100%);
|
|
}
|
|
|
|
// Custom scrollbar for drawers
|
|
.overflow-y-auto {
|
|
&::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
|
|
&::-webkit-scrollbar-track {
|
|
background-color: #f1f1f1;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: #888;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background-color: #555;
|
|
}
|
|
}
|
|
|
|
// Fix for iOS Safari elastic scroll behavior
|
|
.fixed {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
// Focus styles for accessibility
|
|
button:focus,
|
|
a:focus {
|
|
outline: 2px solid #3b82f6;
|
|
outline-offset: 2px;
|
|
}
|
|
section p {
|
|
display: block;
|
|
margin-block-start: 1em;
|
|
margin-block-end: 1em;
|
|
margin-inline-start: 0px;
|
|
margin-inline-end: 0px;
|
|
unicode-bidi: isolate;
|
|
}
|