LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add standar css animation

Browse source
This commit is contained in:
btzr-io 2017-10-02 19:35:52 -06:00
parent 1ea453237f
commit 9c53de114f
3 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/scss/_vars.scss
View file

@ -138,4 +138,9 @@ $text-color: #000;
/* Divider */ /* Divider */
--divider: 1px solid rgba(0, 0, 0, 0.12); --divider: 1px solid rgba(0, 0, 0, 0.12);
/* Animation :) */
--animation-duration: 0.3s;
--animation-style: cubic-bezier(.55,0,.1,1);
} }

1
ui/scss/component/_button.scss
View file

@ -43,6 +43,7 @@ $button-focus-shift: 12%;
.button-block .button-block
{ {
cursor: pointer; cursor: pointer;
transition: background var(--animation-duration) var(--animation-style);
} }
.button__content { .button__content {

4
ui/scss/component/_tabs.scss
View file

@ -40,8 +40,8 @@ nav.sub-header
left: 0; left: 0;
content: ''; content: '';
animation-name: activeTab; animation-name: activeTab;
animation-duration: 0.3s; animation-duration: var(--animation-duration);
animation-timing-function: cubic-bezier(.55,0,.1,1); animation-timing-function: var(--animation-style);
} }
} }
&:hover &:hover