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
</li><div class="footer-span">
<span class="footer-h2">Freedom, privacy, ownership.</span>
<span class="footer-h2"
>Freedom, privacy, <br />ownership.</span
>
</div>
</ul>
</h6>

View File

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

View File

@ -6,7 +6,7 @@ import "./MemeStyles.css";
<div class="meme-wrapper">
<div class="meme-bg">
<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
>
<div class="meme-columns meme-translucent">

View File

@ -94,4 +94,14 @@
background-color: none;
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-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
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>
<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
</h2>

View File

@ -3,12 +3,10 @@ import "./VisionStyles.css";
---
<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%;"
>
<div
class="bg-[url(../../../src/assets/video-placeholder.webp)] bg-[100%_50%] bg-no-repeat bg-contain transition-[0.5s]"
>
<div>
<span id="vision"></span>
<h2
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
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>
<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]"