diff --git a/src/index.html b/src/index.html index 2b73dc5a0..0a99f6d0c 100644 --- a/src/index.html +++ b/src/index.html @@ -415,7 +415,7 @@
features @@ -473,15 +473,15 @@ diff --git a/src/styles/blocks/features.scss b/src/styles/blocks/features.scss index 37d61b04e..39557fdd8 100644 --- a/src/styles/blocks/features.scss +++ b/src/styles/blocks/features.scss @@ -1,7 +1,6 @@ .features { &__container { background-color: $second-turquoise-color; - padding-inline: 30px; @include on-tablet { @include page-grid; @@ -17,6 +16,7 @@ &__content { &--sound-music { + margin-inline: 30px; @include on-tablet { grid-column: 2 / 5; } @@ -100,7 +100,7 @@ &__image { display: block; - width: 100vw; + width: 100%; @include on-tablet { position: absolute; diff --git a/src/styles/blocks/page.scss b/src/styles/blocks/page.scss index e6f99881d..173818bd5 100644 --- a/src/styles/blocks/page.scss +++ b/src/styles/blocks/page.scss @@ -19,6 +19,11 @@ } // to skip autofill styles +input:-moz-autofill { + box-shadow: 0 0 0 30px $main-background-color inset !important; + -moz-text-fill-color: #000 !important; +} + input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, @@ -26,13 +31,3 @@ input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px $main-background-color inset !important; -webkit-text-fill-color: #000 !important; } - -input:-moz-autofill { - box-shadow: 0 0 0 30px $main-background-color inset !important; - -moz-text-fill-color: #000 !important; -} - -input:-ms-input-placeholder { - color: #000 !important; -} - diff --git a/src/styles/blocks/social-media.scss b/src/styles/blocks/social-media.scss index 99d7feb90..852e6526d 100644 --- a/src/styles/blocks/social-media.scss +++ b/src/styles/blocks/social-media.scss @@ -4,6 +4,12 @@ width: 24px; background-repeat: no-repeat; background-position: center; + + transition-duration: $effect-duration; + + &:hover { + scale: 1.1; + } } &__facebook { diff --git a/src/styles/main.scss b/src/styles/main.scss index db1bf3cc8..137002ca2 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -32,9 +32,11 @@ iframe { .no-borders { margin-inline: -30px; + width: 100vw; @include on-tablet { margin-inline: 0; + width: 100%; } }