Added transition to theme switch.

This commit is contained in:
2020-04-02 03:11:00 +02:00
parent c39bfb234d
commit 5d467622f4
14 changed files with 39 additions and 44 deletions

View File

@@ -175,6 +175,7 @@ export default {
z-index: 1;
font-size: 0;
box-shadow: 0 0 3px var(--darken);
transition: background var(--theme-transition);
.icon {
fill: var(--shadow);
@@ -205,6 +206,7 @@ export default {
box-shadow: 0 0 2px var(--shadow-weak);
font-size: .8rem;
font-weight: bold;
transition: background var(--theme-transition), color var(--theme-transition);
&:hover {
color: var(--text);

View File

@@ -124,6 +124,7 @@ export default {
font-size: .9rem;
font-weight: bold;
cursor: pointer;
transition: color var(--theme-transition);
.check {
display: none;

View File

@@ -185,6 +185,7 @@ export default {
color: var(--primary);
box-shadow: 0 1px 0 var(--darken-hint);
font-size: 0;
transition: background var(--theme-transition);
}
.header-nav {
@@ -253,6 +254,7 @@ export default {
font-size: .9rem;
font-weight: bold;
cursor: pointer;
transition: color var(--theme-transition);
&.active {
color: var(--primary);

View File

@@ -93,9 +93,11 @@ export default {
outline: none;
font-size: 1rem;
outline: none;
transition: background var(--theme-transition), color var(--theme-transition);
&::placeholder {
color: var(--shadow);
transition: color var(--theme-transition);
}
&::-webkit-search-cancel-button {