Add dark-light transition
parent
08ed650081
commit
18904be4ad
|
@ -147,6 +147,7 @@ pre[class*="language-"] {
|
||||||
pre[class*="language-"] {
|
pre[class*="language-"] {
|
||||||
code {
|
code {
|
||||||
background: var(--demo-code-bg) !important;
|
background: var(--demo-code-bg) !important;
|
||||||
|
transition: background-color .5s, border-color .5s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -12,6 +12,7 @@
|
||||||
.card {
|
.card {
|
||||||
background: var(--surface-card);
|
background: var(--surface-card);
|
||||||
border: var(--card-border);
|
border: var(--card-border);
|
||||||
|
transition: background-color .5s, border-color .5s;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
|
|
@ -12,6 +12,7 @@ body {
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
transition: background-color .5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
.landing {
|
.landing {
|
||||||
background-color: var(--home-bg);
|
background-color: var(--home-bg);
|
||||||
|
transition: background-color .5s;
|
||||||
scroll-behavior: smooth;
|
scroll-behavior: smooth;
|
||||||
padding-top: 4rem;
|
padding-top: 4rem;
|
||||||
|
|
||||||
|
@ -7,6 +8,7 @@
|
||||||
border: 1px solid var(--home-border-color);
|
border: 1px solid var(--home-border-color);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: var(--home-box-bg);
|
background-color: var(--home-box-bg);
|
||||||
|
transition: background-color .5s, border-color .5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.linkbox {
|
.linkbox {
|
||||||
|
|
Loading…
Reference in New Issue