gpu acceleration
This commit is contained in:
@@ -5,8 +5,9 @@
|
||||
}
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
transition: color var(--transition-speed) ease,
|
||||
background-color var(--transition-speed) ease;
|
||||
background-color var(--transition-speed) ease;
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -15,6 +16,8 @@ body {
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
transition: var(--theme-transition);
|
||||
will-change: background-color, color;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@@ -23,17 +26,20 @@ h1 {
|
||||
color: var(--text);
|
||||
opacity: 0.85;
|
||||
font-weight: 600;
|
||||
transition: var(--theme-transition);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
margin-bottom: var(--spacing-lg);
|
||||
color: var(--text);
|
||||
transition: var(--theme-transition);
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: var(--text);
|
||||
margin-bottom: var(--spacing-md);
|
||||
transition: var(--theme-transition);
|
||||
}
|
||||
|
||||
h1.h1-hero {
|
||||
@@ -48,12 +54,13 @@ h1.h1-hero {
|
||||
|
||||
p {
|
||||
margin-bottom: var(--spacing-md);
|
||||
transition: var(--theme-transition);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--primary);
|
||||
text-decoration: none;
|
||||
transition: opacity var(--transition-speed) ease;
|
||||
transition: var(--theme-transition), opacity var(--transition-speed) ease;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
||||
Reference in New Issue
Block a user