public
/
website
5
0
Fork 0
Code Issues 8 Pull Requests 3 Packages Projects Releases Wiki Activity

use padding insead of adjusting height for text

This commit is contained in:
Anton Livaja 2025-03-22 18:21:57 -07:00
parent 7e91d45cde
commit e47aef5b74
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
2 changed files with 3 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/contact.html
View File

@ -10,7 +10,7 @@
<div class="capsule">contact</div> <div class="capsule">contact</div>
</div> </div>
<br> <br>
<h2 class="gradient-text center contact-header">tell us about your biggest security challenges</h2> <h2 class="gradient-text center hero-header">tell us about your biggest security challenges</h2>
</section> </section>
<section class="flex-container" style="margin-top: 80px"> <section class="flex-container" style="margin-top: 80px">
<div class="flex-container-inner"> <div class="flex-container-inner">

58
_sass/base.scss
View File

@ -130,7 +130,7 @@ a:hover {
} }
.hero-header { .hero-header {
height: 320px; padding-bottom: 20px;
} }
.capsule-header { .capsule-header {
@ -138,10 +138,6 @@ a:hover {
margin-bottom: 30px; margin-bottom: 30px;
} }
.contact-header {
height: 180px;
}
.card { .card {
transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out;
background: var(--dark-grey); background: var(--dark-grey);
@ -157,7 +153,6 @@ a:hover {
border: 1px solid var(--light-purple); border: 1px solid var(--light-purple);
} }
@mixin capsule { @mixin capsule {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
@ -409,10 +404,6 @@ a:hover {
padding: 2rem; padding: 2rem;
} }
.powered-header {
height: 100px;
}
@media only screen and (max-device-width: 500px) { @media only screen and (max-device-width: 500px) {
* { * {
font-size: $mobile-font-size; font-size: $mobile-font-size;
@ -615,8 +606,8 @@ hr {
* Services Page * Services Page
*/ */
.why-distrust { .why-distrust {
height: 95px;
text-align: left; text-align: left;
padding-bottom: 15px;
} }
/** /**
@ -1538,16 +1529,7 @@ pre {
} }
} }
@media (max-width: 1090px) {
.contact-header {
height: 260px;
}
}
@media (max-width: 1150px) { @media (max-width: 1150px) {
.landing-header {
height: 400px;
}
.roadmap-title-container { .roadmap-title-container {
flex-direction: column; flex-direction: column;
} }
@ -1562,12 +1544,6 @@ pre {
} }
} }
@media (max-width: 1117px) {
.services-header {
height: 420px;
}
}
@media (max-width: 1020px) { @media (max-width: 1020px) {
.flex-container-inner { .flex-container-inner {
width: 100% !important; width: 100% !important;
@ -1590,10 +1566,6 @@ pre {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.services-header {
height: 250px;
}
.team .flex-container-inner { .team .flex-container-inner {
margin-bottom: 30px; margin-bottom: 30px;
} }
@ -1608,12 +1580,6 @@ pre {
} }
} }
@media (max-width: 742px) {
.contact-header {
height: 340px;
}
}
@media (max-width: 600px) { @media (max-width: 600px) {
.flex-container { .flex-container {
flex-direction: column; flex-direction: column;
@ -1647,23 +1613,6 @@ pre {
padding-left: 10px; padding-left: 10px;
} }
.hero-header {
height: 190px;
}
.landing-header {
height: 90px !important;
}
.contact-header {
margin-top: 0px;
height: 130px;
}
.capsule-header {
height: unset;
}
.footer-link { .footer-link {
margin-bottom: 20px; margin-bottom: 20px;
min-width: 200px; min-width: 200px;
@ -1746,9 +1695,6 @@ pre {
margin-bottom: 10px; margin-bottom: 10px;
} }
.powered-header {
height: 50px;
}
.quote { .quote {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.5rem; line-height: 1.5rem;