mirror of
https://github.com/LaconicNetwork/laconic.com.git
synced 2026-02-28 19:54:09 +00:00
Press Hero changes, general styles
This commit is contained in:
parent
fd377d95e6
commit
80d33427c4
Binary file not shown.
|
Before Width: | Height: | Size: 584 KiB After Width: | Height: | Size: 573 KiB |
Binary file not shown.
BIN
public/videos/banner-press.webm
Normal file
BIN
public/videos/banner-press.webm
Normal file
Binary file not shown.
@ -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%;
|
||||
|
||||
@ -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);
|
||||
|
||||
@ -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') {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user