diff options
author | Florent Chehab <perso@floflo.ch> | 2019-12-08 18:21:51 +0300 |
---|---|---|
committer | Florent Chehab <perso@floflo.ch> | 2019-12-08 18:21:51 +0300 |
commit | 9d0a7afd9859bf5d6bfce67fb406d441badcb697 (patch) | |
tree | 201d4ea66aa32ed05a34cc87a8a2f38c35e2998d | |
parent | bb46929e2f0eb0bae6af72a86659791474ba8ffc (diff) |
fixed(home styling):
* Smoother animation on top article
* Smoother transitions on opacity
-rw-r--r-- | assets/scss/_components.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/assets/scss/_components.scss b/assets/scss/_components.scss index 94784b6..65cb180 100644 --- a/assets/scss/_components.scss +++ b/assets/scss/_components.scss @@ -29,8 +29,8 @@ display: flex; flex-direction: column; justify-content: center; - @media screen and (min-width: 769px) { - padding-left: 0; + @media screen and (min-width: 42rem) { + left: -2rem; } } } @@ -46,7 +46,7 @@ height: 22.5rem; } img{ - transition: transform 0.5s; + transition: transform 0.5s, opacity 0.5s; } &::after{ content: ''; @@ -58,6 +58,7 @@ z-index: 1; background: var(--bg); opacity: 0; + transition: opacity 0.1s ease-out; } } &_showcase &_thumb { @@ -71,6 +72,7 @@ transform: scale(1.1); } &::after{ + transition: opacity 0.1s ease-out; opacity: 0.5; } } @@ -84,9 +86,7 @@ } @media screen and (min-width: 769px) { &.center_y{ - transform: translateX(-1rem); - padding-left: 1.25rem; - padding-right: 0; + transform: translateX(-3rem); } } } |