Code optimization and fixes

2020-02-14 12:37:35 +01:00
parent 29f6e7e645
commit 450de171e6
12 changed files with 61 additions and 38 deletions
--- a/src/style/organisms/_carousel.scss
+++ b/src/style/organisms/_carousel.scss
@@ -33,10 +33,11 @@

            // Photo
            &--photo {
-                position: absolute;
-                background-color: $color-primary;
                overflow: hidden;
-                box-shadow: 0 16px 56px rgba(#2E025C, 0.7);
+                position: absolute;
+                display: block;
+                background-color: $color-primary;
+                box-shadow: 0 15px 60px rgba(#000, 0.3);
                transition: transform 600ms $ease-quart;

                @include breakpoint (sm) {
@@ -47,7 +48,7 @@
                    display: block;
                    height: auto;
                    width: 100%;
-                    opacity: 0.55;
+                    opacity: 0.6;
                    transition: opacity 600ms $ease-quart;
                }

--- a/src/style/organisms/_photos.scss
+++ b/src/style/organisms/_photos.scss
@@ -143,8 +143,11 @@
        .photo {
            display: flex;
            flex-direction: column-reverse;
-            margin-bottom: 72px;
+            margin-bottom: 40px;

+            @include breakpoint (m) {
+                margin-bottom: pxVW(176);
+            }
            @include breakpoint (md) {
                margin-bottom: 0;
            }