padding fixes

This commit is contained in:
roryjshelton 2023-05-09 17:16:21 -07:00
parent 47dea4cf56
commit 59ec0ca3ac
7 changed files with 24 additions and 10 deletions

View File

@ -12,7 +12,9 @@ import "./FooterStyles.css";
> >
<span class="footer-email"></span>contact@lumeweb.com <span class="footer-email"></span>contact@lumeweb.com
</li><div class="footer-span"> </li><div class="footer-span">
<span class="footer-h2">Freedom, privacy, ownership.</span> <span class="footer-h2"
>Freedom, privacy, <br />ownership.</span
>
</div> </div>
</ul> </ul>
</h6> </h6>

View File

@ -31,7 +31,7 @@
background-image: url('../../../assets/lume-logo.webp'); background-image: url('../../../assets/lume-logo.webp');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
height: 55px; height: 8.1vh;
min-width: 100px; min-width: 100px;
display: inline-block; display: inline-block;
text-align: left; text-align: left;

View File

@ -6,7 +6,7 @@ import "./MemeStyles.css";
<div class="meme-wrapper"> <div class="meme-wrapper">
<div class="meme-bg"> <div class="meme-bg">
<span <span
class="absolute leading-[18.5vh] text-[#2C9940] left-[65%] top-[11%]" class="absolute leading-[18.5vh] text-[#2C9940] left-[65%] top-[10%]"
>web1<br />web2<br />crypto & defi<br />web3</span >web1<br />web2<br />crypto & defi<br />web3</span
> >
<div class="meme-columns meme-translucent"> <div class="meme-columns meme-translucent">

View File

@ -95,3 +95,13 @@
border-radius: 15px; border-radius: 15px;
} }
} }
@keyframes textShine {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100% 50%;
}
}

View File

@ -4,7 +4,11 @@ import "./PoweredStyles.css";
<div class="p-l-container my-[125px]"> <div class="p-l-container my-[125px]">
<div class="p-l-wrapper"> <div class="p-l-wrapper">
<h2 class="centered mt-[10px]">POWERED BY</h2> <h2
class="centered mt-[10px] text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))]"
>
POWERED BY
</h2>
<div <div
class="flex-row place-items-center overflow-hidden flex h-auto w-full mb-[1.5vh]" class="flex-row place-items-center overflow-hidden flex h-auto w-full mb-[1.5vh]"
> >

View File

@ -5,7 +5,7 @@ import "./SocialsStyles.css";
<div class="grid place-items-center overflow-hidden h-auto my-[115px]"> <div class="grid place-items-center overflow-hidden h-auto my-[115px]">
<div> <div>
<h2 <h2
class="centered grid place-items-center overflow-hidden h-auto mt-[35px] mb-[1.5vh];" class="centered grid place-items-center overflow-hidden h-auto mt-[35px] mb-[1.5vh] text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))]"
> >
get in touch get in touch
</h2> </h2>

View File

@ -3,12 +3,10 @@ import "./VisionStyles.css";
--- ---
<div <div
class="mt-[166px] items-start flex pb-[5vh]" class="mt-[166px] items-start flex pb-[5vh] bg-[url(../../../src/assets/video-placeholder.webp)] pb-[10%] bg-[80%_65%] bg-no-repeat bg-contain transition-[0.5s]"
style="padding-bottom: 5vh; vertical-align: center; padding-inline: 11.9%;" style="padding-bottom: 5vh; vertical-align: center; padding-inline: 11.9%;"
> >
<div <div>
class="bg-[url(../../../src/assets/video-placeholder.webp)] bg-[100%_50%] bg-no-repeat bg-contain transition-[0.5s]"
>
<span id="vision"></span> <span id="vision"></span>
<h2 <h2
class="text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--aquamarine)] uppercase font-bold" class="text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--aquamarine)] uppercase font-bold"
@ -18,7 +16,7 @@ import "./VisionStyles.css";
<h3 <h3
class="text-[calc(30px_+_(45_-_30)_*_((100vw_-_300px)_/_(1600_-_300)))] min-w-[75vw] z-[999] mt-[0.5em]" class="text-[calc(30px_+_(45_-_30)_*_((100vw_-_300px)_/_(1600_-_300)))] min-w-[75vw] z-[999] mt-[0.5em]"
> >
Make Web3 easy for <wbr /> everyone Make Web3 easy for <br /> everyone
</h3> </h3>
<h4 <h4
class="left vt transition-[0.5s] rounded-[15px] text-[calc(15px_+_(21_-_15)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--cloud)] text-[length:var(--font-size-m)] font-normal not-italic max-w-[550px] leading-[35px] mt-[0.5em]" class="left vt transition-[0.5s] rounded-[15px] text-[calc(15px_+_(21_-_15)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--cloud)] text-[length:var(--font-size-m)] font-normal not-italic max-w-[550px] leading-[35px] mt-[0.5em]"