Commit Graph

5 Commits

Author SHA1 Message Date
be0f4c8b59 Optimize animations and transitions
will-change is apparently not enough to run GPU-enabled animations, use translateZ on top of it
2020-04-09 20:23:24 +02:00
bd9b91f480 ⚠️ Fix most animations/transitions performance issues
All checks were successful
continuous-integration/drone/push Build is passing
- Basically add `will-change` to CSS elements to enable GPU animations, less choppy, more sassy
- Use requestAnimationFrame over setTimeout
- Avoid repaints AMAP
2020-04-05 16:07:44 +02:00
bdc305a77a Fix some responsive and style
All checks were successful
continuous-integration/drone/push Build is passing
- Fullscreen: center image + add a background color
- Carousel: don't cut informations
- Title location font size
- Style location line height
- Photo reveal effect
- Photo has now a transparent png
2020-04-04 20:35:09 +02:00
94a93bbcd5 Set circles heights to 100% over 50vh
Some checks failed
continuous-integration/drone/push Build is failing
Depending on the viewport height, it could break the shape
2020-03-11 10:49:15 +01:00
76c8c31c89 Readapt the misuse of BEM, Code organization
- -- is only for a modifier, not a child "child". Use master__child without the parent__ in it to make it more readable.
https://www.smashingmagazine.com/2016/06/battling-bem-extended-edition-common-problems-and-how-to-avoid-them/
- Redefine atom design components
2020-02-29 18:32:32 +01:00