Press Hero changes, general styles

This commit is contained in:
Fede Álvarez 2022-06-09 12:29:12 +02:00
parent fd377d95e6
commit 80d33427c4
8 changed files with 7 additions and 9 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 584 KiB

After

Width:  |  Height:  |  Size: 573 KiB

Binary file not shown.

Binary file not shown.

View File

@ -6,7 +6,7 @@
width: 90vw;
}
min-width: tovw(600px, 'default', 600px);
min-width: tovw(700px, 'default', 700px);
background-color: unset;
position: fixed;
top: 50%;

View File

@ -8,7 +8,7 @@
background: linear-gradient(
180deg,
rgb(0 0 244 / 0.9) 1.63%,
rgb(0 0 244 / 0) 99.89%
rgb(0 0 244 / 0) 65.89%
);
padding-top: tovw(185px, 'default', 104px);
padding-bottom: tovw(92px, 'default', 40px);

View File

@ -29,8 +29,8 @@
position: relative;
align-self: center;
width: 70%;
min-height: tovw(780px, 'default', 370px);
margin-top: tovw(-50px, 'default');
min-height: tovw(770px, 'default', 370px);
margin-top: tovw(-30px, 'default');
padding-top: tovw(30px, 'default', 20px);
mix-blend-mode: lighten;
@ -71,8 +71,6 @@
display: none;
// min-height: tovw(650px, 'default', 350px);
.hero {
@include respond-to('mobile') {
display: none;
@ -108,7 +106,7 @@
display: flex;
justify-content: space-between;
margin-top: tovw(16px, 'default', 10px);
margin-top: tovw(-20px, 'default', -20px);
h1 {
@include respond-to('mobile') {

View File

@ -29,7 +29,7 @@ const Hero = ({ data }: Props) => {
playsInline={true}
preload="true"
>
{/* <source src="/videos/banner-press.webm" type="video/webm" /> */}
<source src="/videos/banner-press.webm" type="video/webm" />
<source src="/videos/banner-press.mp4" type="video/mp4" />
</video>
</div>

View File

@ -29,7 +29,7 @@
align-self: center;
position: relative;
width: 82%;
min-height: tovw(914px, 'default', 434px);
min-height: tovw(920px, 'default', 435px);
margin-top: tovw(-165px, 'default');
margin-bottom: tovw(-140px, 'default');
padding-top: tovw(30px, 'default', 20px);