diff options
| author | one <onewesh@gmail.com> | 2019-12-10 14:09:08 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-12-10 14:09:08 +0300 |
| commit | d65a484f8b0d0960e4b01b17355c84a02ce055a2 (patch) | |
| tree | 201d4ea66aa32ed05a34cc87a8a2f38c35e2998d | |
| parent | bb46929e2f0eb0bae6af72a86659791474ba8ffc (diff) | |
| parent | 9d0a7afd9859bf5d6bfce67fb406d441badcb697 (diff) | |
Merge pull request #8 from FloChehab/fix/styling-home
fixed(home styling)
| -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); } } } |