mirror of
https://github.com/reonokiy/blog.nokiy.net.git
synced 2025-06-15 19:22:52 +02:00
test: ios flash issue
- Remove unnecessary scrollbar styles and consolidate scrollbar hiding - Add performance optimizations for body and image rendering - Improve backface visibility and transform properties - Remove commented-out media query code
This commit is contained in:
parent
ae39d7b08c
commit
e513b78c66
1 changed files with 12 additions and 20 deletions
|
@ -4,17 +4,19 @@
|
|||
--uno-colors-background: theme('colors.background');
|
||||
}
|
||||
html {
|
||||
--at-apply: 'scroll-smooth antialiased text-62.5% bg-background c-secondary ';
|
||||
}
|
||||
body {
|
||||
--at-apply: 'text-1.6rem';
|
||||
}
|
||||
* {
|
||||
--at-apply: 'bg-background c-secondary scroll-smooth antialiased text-62.5%';
|
||||
scrollbar-width: none;
|
||||
-ms-overflow-style: none;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
html::-webkit-scrollbar {
|
||||
--at-apply: 'hidden w-0 h-0';
|
||||
}
|
||||
body {
|
||||
--at-apply: 'text-1.6rem';
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transform: translateZ(0);
|
||||
-webkit-transform: translateZ(0);
|
||||
}
|
||||
h1, h2, h3 {
|
||||
text-rendering: optimizeLegibility;
|
||||
|
@ -39,6 +41,7 @@ h6 {
|
|||
}
|
||||
article img {
|
||||
cursor: zoom-in;
|
||||
transform: translateZ(0);
|
||||
}
|
||||
/* Horizontal reveal animation on theme toggle */
|
||||
@keyframes reveal {
|
||||
|
@ -65,15 +68,4 @@ html:not(.dark) {
|
|||
body:not([data-restore-theme]) {
|
||||
--at-apply: 'transition-colors duration-500 ease-in-out';
|
||||
}
|
||||
}
|
||||
/* iOS browsers flash issue fix */
|
||||
/* @media (prefers-color-scheme: dark) {
|
||||
html {
|
||||
background: #111;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
html {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
} */
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue