Ryan Yu iamryanyu
iamryanyu
/ gist:5bad414e9c19ef26bafb01471d68881d
Created
April 24, 2016 10:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
iamryanyu
/ gist:6ad3645bb6eb9f4a94b0d42a9e1f3d14
Created
April 24, 2016 10:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 1, | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
iamryanyu
/ gist:176ca0976ac6c580d4c13c70cf6a547b
Created
April 24, 2016 10:11
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1.5, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 0.4, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) |
iamryanyu
/ gist:f10a1c3a5670ac87e0d0c0f66efc9154
Created
April 24, 2016 10:11
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| TweenMax.to($('.graph__bar--red'), 1.2, { | |
| scaleY: 1.5, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) | |
| }); | |
| TweenMax.to($('.graph__bar--green'), 1.2, { | |
| scaleY: 0.4, | |
| transformOrigin: '50% bottom', | |
| ease: Elastic.easeOut.config(1, 0.2) |
iamryanyu
/ gist:422fbd611126fd1977a608b823a02efc
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg class="icon icon-small icon-yellow"> | |
| <title>Lorikeet</title> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> |
iamryanyu
/ gist:769e2744df4dc4d862c58b40b7795f6e
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#" class="btn btn-small" aria-label="Lorikeet"> | |
| <svg class="icon icon-small icon-yellow" aria-hidden="true"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> | |
| </a> |
iamryanyu
/ gist:429551810f659384772ef7c9d0ef72e7
Last active
September 23, 2016 06:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="#" class="btn btn-small"> | |
| <svg class="icon icon-small icon-yellow" aria-hidden="true"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#lorikeet"></use> | |
| </svg> | |
| Lorikeet | |
| </a> |
iamryanyu
/ gist:c5c4351cab584731f426a14fb73bf12a
Created
April 10, 2016 06:10
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // icon color | |
| .icon-red { | |
| color: #cc0000; | |
| &.icon-inner-blue { | |
| fill: #cc0000; | |
| } | |
| } | |
| .icon-inner-blue { |
iamryanyu
/ gist:7fb6bc3bd9401d4e1d5440e99322e42e
Last active
October 25, 2016 09:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg class="icon icon-medium icon-red icon-inner-blue"> | |
| <use xlink:href="styles/mysource_files/sprite.svg#icon-name"></use> | |
| </svg> |
iamryanyu
/ gist:38dff6b73c61632542f16b9bdb79afb2
Created
April 10, 2016 06:09
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 290.873 290.873"> | |
| <path fill="currentColor" d="M44.268 139.532V41.05l49.24 49.244"/> | |
| <path d="M0 73.384L32.334 41.05v32.334"/> | |
| <path d="M149.583 249.824l-36.075-36.076 36.075-31.905"/> | |
| <path fill="currentColor" d="M103.066 202.8l-55.85-48.977L160.968 48.77h129.905"/> | |
| </svg> |