Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings
This repository was archived by the owner on Nov 8, 2022. It is now read-only.

Commit835ae52

Browse files
committed
Animation refactor (#757)
* chore(eslint): upgrade lint config* refactor(animation): use non-implicit style
1 parentd1bb3df commit835ae52

File tree

29 files changed

+12904
-7283
lines changed

29 files changed

+12904
-7283
lines changed

‎package-lock.json‎

Lines changed: 12842 additions & 7177 deletions
Some generated files are not rendered by default. Learn more aboutcustomizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@
133133
"@babel/core":"7.10.2",
134134
"@commitlint/cli":"^8.2.0",
135135
"@commitlint/config-conventional":"^8.2.0",
136-
"@groupher/eslint-config-web":"2.0.4",
136+
"@groupher/eslint-config-web":"^2.0.6",
137137
"babel-eslint":"^10.0.2",
138138
"babel-jest":"^23.6.0",
139139
"babel-plugin-styled-components":"1.10.7",

‎src/components/BuyMeChuanChuan/styles/chuan_selector.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export const Circle = styled.div`
4949
background-color:${({ active})=>(active ?theme('font') :'')};
5050
&:hover {
5151
cursor: pointer;
52-
animation:${animate.pulseRule};
52+
animation:${animate.pulse} 0.4s linear;
5353
}
5454
transition: background-color 0.3s ease-out;
5555
`

‎src/components/ContentBanner/styles/reaction_numbers.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ export const NumberTitle = styled.div`
2828
&:hover {
2929
color:${({ readOnly})=>(readOnly ?'' :'#f1c48f')};
3030
text-decoration:${({ readOnly})=>(readOnly ?'' :'underline')};
31-
animation:${animate.pulseRule};
31+
animation:${animate.pulse} 0.4s linear;
3232
}
3333
`
3434
exportconstNumberItem=styled.div`
@@ -39,7 +39,7 @@ export const NumberItem = styled.div`
3939
&:hover {
4040
color:${({ readOnly})=>(readOnly ?'' :'#f1c48f')};
4141
text-decoration:${({ readOnly})=>(readOnly ?'' :'underline')};
42-
animation:${animate.pulseRule};
42+
animation:${animate.pulse} 0.4s linear;
4343
}
4444
`
4545
exportconstNumberDivider=styled.div`

‎src/components/FollowButton/styles/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,5 +29,5 @@ export const LoadingIcon = styled(BtnIcon)`
2929
3030
height: 15px;
3131
width: 15px;
32-
animation:${animate.rotate360Rule};
32+
animation:${animate.rotate360} 1s linear infinite;
3333
`

‎src/components/GithubRepoPage/styles/index.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ import { theme, cs, animate } from '@/utils'
44
import{Button}from'@/components/Buttons'
55

66
exportconstWrapper=styled.div`
7-
animation:${({ updating})=>(updating ?animate.updatingRule :'')};
7+
animation:${({ updating})=>
8+
updating ?`${animate.breath} 1.2s linear infinite` :''};
89
`
9-
1010
exportconstBodyWrapper=styled.div`
1111
${cs.flexColumn('align-center')};
1212
padding: 20px 30px;

‎src/components/Modal/styles/index.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ export const Wrapper = styled.div`
3131
border-right: 2px solid;
3232
border-color:${({ mode})=>
3333
mode==='default' ?theme('modal.border') :theme('baseColor.error')};
34-
animation:${animate.zoomInRule};
34+
animation:${animate.zoomIn} 0.2s linear;
3535
3636
${cs.media.tablet`width: 460px`};
3737
${cs.media.mobile`width: 320px`};
@@ -54,7 +54,7 @@ export const CloseBtn = styled(Img)`
5454
z-index:${cs.zIndex.modalCloseBtn};
5555
5656
&:hover {
57-
animation:${animate.rotate360CloseRule};
57+
animation:${animate.rotate360Close} 2s cubic-bezier(0, 0.56, 0.24, 0.72);
5858
font-weight: bold;
5959
cursor: pointer;
6060
}

‎src/components/OauthHinter/styles/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export const LinkIcon = styled(Img)`
5252
margin-left: 25px;
5353
margin-right: 25px;
5454
margin-top: 16px;
55-
animation:${animate.rotate360Rule};
55+
animation:${animate.rotate360} 1s linear infinite;
5656
`
5757
exportconstGithubLogoIcon=styled(Img)`
5858
fill:${theme('sidebar.bg')};

‎src/components/SearchingLabel/styles/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const LoadingIcon = styled(Img)`
1010
fill:${theme('thread.articleTitle')};
1111
width: 26px;
1212
height: 26px;
13-
animation:${animate.rotate360Rule};
13+
animation:${animate.rotate360} 1s linear infinite;
1414
display: block;
1515
margin-right: 3px;
1616
`

‎src/components/SectionLabel/styles/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export const AddonWrapper = styled.div`
1818
margin-right: 5%;
1919
display:${({ show})=>(show ?'flex' :'none')};
2020
&:active {
21-
animation:${animate.pulseRule};
21+
animation:${animate.pulse} 0.4s linear;
2222
}
2323
`
2424
exportconstDivider=styled.div`

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp