heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2019-03-07 09:30:44 +09:00
parent 1ed70b2e2c
commit a493c9f769
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/client/app/common/views/components/settings/theme.vue
View file

@ -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;
} }
} }
} }

2
src/client/style.styl
View file

@ -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