forked from FoundKeyGang/FoundKey
🎨
This commit is contained in:
parent
1ed70b2e2c
commit
a493c9f769
2 changed files with 9 additions and 9 deletions
|
@ -386,7 +386,7 @@ export default Vue.extend({
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-color: #83D8FF;
|
background-color: #83D8FF;
|
||||||
border-radius: 90px - 6;
|
border-radius: 90px - 6;
|
||||||
transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
|
||||||
|
|
||||||
&:before {
|
&:before {
|
||||||
content: 'Light';
|
content: 'Light';
|
||||||
|
@ -418,14 +418,14 @@ export default Vue.extend({
|
||||||
background-color: #FFCF96;
|
background-color: #FFCF96;
|
||||||
border-radius: 50px;
|
border-radius: 50px;
|
||||||
box-shadow: 0 2px 6px rgba(0,0,0,.3);
|
box-shadow: 0 2px 6px rgba(0,0,0,.3);
|
||||||
transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
|
||||||
transform: rotate(-45deg);
|
transform: rotate(-45deg);
|
||||||
|
|
||||||
.crater {
|
.crater {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: #E8CDA5;
|
background-color: #E8CDA5;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 200ms ease-in-out;
|
transition: opacity 200ms ease-in-out !important;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -454,7 +454,7 @@ export default Vue.extend({
|
||||||
.star {
|
.star {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -486,7 +486,7 @@ export default Vue.extend({
|
||||||
.star--5,
|
.star--5,
|
||||||
.star--6 {
|
.star--6 {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: all 300ms 0 cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
transition: all 300ms 0 cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.star--4 {
|
.star--4 {
|
||||||
|
@ -559,13 +559,13 @@ export default Vue.extend({
|
||||||
transform: translate3d(0,0,0);
|
transform: translate3d(0,0,0);
|
||||||
}
|
}
|
||||||
.star--4 {
|
.star--4 {
|
||||||
transition: all 300ms 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
transition: all 300ms 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
|
||||||
}
|
}
|
||||||
.star--5 {
|
.star--5 {
|
||||||
transition: all 300ms 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
transition: all 300ms 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
|
||||||
}
|
}
|
||||||
.star--6 {
|
.star--6 {
|
||||||
transition: all 300ms 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
|
transition: all 300ms 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,7 +22,7 @@ html, body
|
||||||
|
|
||||||
html.changing-theme
|
html.changing-theme
|
||||||
&, *
|
&, *
|
||||||
transition background 1s ease
|
transition background 1s ease !important
|
||||||
|
|
||||||
a
|
a
|
||||||
text-decoration none
|
text-decoration none
|
||||||
|
|
Loading…
Reference in a new issue