px => vw for partials

This commit is contained in:
Thomas Smith 2022-09-16 12:18:34 -04:00
parent 0e11f83be6
commit 82196f466f
6 changed files with 24 additions and 24 deletions

View file

@ -2,21 +2,21 @@
.detail-btn-large{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 20px;
font-size: 1.116vw;
background-color: #1a1a1a;
border: .5px solid #ffffff;
color: #fff;
padding-top: 5px;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 50%;
height: 75px;
height: 4.185vw;
transition: 0.2s ease-in-out;
}
.detail-btn-large:hover{
background-color: #8000ff;
box-shadow: inset 0px 0px 0px 6px #1a1a1a !important;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
}
/* Icon Styling */
@ -24,7 +24,7 @@
.detail-btn-large .icon-enter-arrow{
display: inline-block;
position: relaitve;
margin-right: 10px;
margin-right: 0.558vw;
transition: 0.2s ease-in-out;
}

View file

@ -5,17 +5,17 @@
background-color: #1a1a1a;
border: .5px solid #ffffff;
color: #fff;
padding-top: 5px;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 40%;
height: 40px;
height: 2.232vw;
transition: 0.1s linear;
}
.detail-btn:hover{
background-color: #8000ff;
box-shadow: inset 0px 0px 0px 4px #1a1a1a !important;
box-shadow: inset 0vw 0vw 0vw 0.223vw #1a1a1a !important;
}
/* Icon Styling */
@ -23,7 +23,7 @@
.detail-btn .icon-enter-arrow{
display: inline-block;
position: relaitve;
margin-right: 10px;
margin-right: 0.558vw;
transition: 0.2s ease-in-out;
}

View file

@ -14,7 +14,7 @@
.footer-link{
text-transform: lowercase;
color: white;
padding: 0px 0px 0px 40px !important;
padding: 0vw 0vw 0vw 2.232vw !important;
}
.footer-link:hover{

View file

@ -1,7 +1,7 @@
<section class="footer">
<hr>
<div class="container" style="padding-top: 0px; padding-bottom: 0px;">
<div class="row" style="margin: 75px 0px;">
<div class="container" style="padding-top: 0vw; padding-bottom: 0vw;">
<div class="row" style="margin: 4.185vw 0vw;">
<div class="col-lg-8 footer-content">
<h4>Equitable open-source for <span id="cycle">web3</span></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>

View file

@ -1,10 +1,10 @@
<style>
.btn-primary{
padding: 44px 75px;
padding: 2.455vw 4.185vw;
border-radius: 0px !important;
font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase;
font-size: 38px;
font-size: 2.121vw;
border-left: 2px solid #949494 !important;
border-right: 2px solid #949494 !important;
background-color: #1a1a1a !important;
@ -23,14 +23,14 @@
border-bottom-color:#00ffd0;
border-left-color:#00ffd0;
border-right-color:#00ffd0;
box-shadow: inset 0px 0px 0px 10px #1a1a1a !important;
padding: 44px 100px;
box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
padding: 2.455vw 5.580vw;
border-top-color:#1a1a1a;
border-bottom-color: #1a1a1a;
}
.button-container{
padding: 0px 160px;
padding: 0vw 8.929vw;
}
/* Icon Styling */
@ -38,7 +38,7 @@
.btn-primary .icon-enter-arrow{
display: inline-block;
position: relaitve;
margin-right: 10px;
margin-right: 0.558vw;
transition: 0.2s linear;
}
@ -51,6 +51,6 @@
<hr>
<div class="row button-container">
<a href="#" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta"><i class="icon-enter-arrow"></i>Join our Discord<span style="float:right; margin-top:15px;font-size:1.2rem;"><u id="count1"></u> devs authenticated</span></a>
<a href="#" role="button" class="btn btn-primary auth-btn mt-lg-0 mt-md-0 mt-sm-4 mt-4" id="nav-cta"><i class="icon-enter-arrow"></i>Join our Discord<span style="float:right; margin-top:0.837vw;font-size:1vw;"><u id="count1"></u> devs authenticated</span></a>
</div>
<hr>

View file

@ -11,23 +11,23 @@
background: none;
border-radius: 0px !important;
border: 1px solid #949494;
padding: 30px;
padding: 1.674vw;
}
.card-body{
border-radius: 0px !important;
padding: 0px;
padding: 0vw;
}
.card-img-top{
border-radius: 0px;
margin-bottom: 30px;
margin-bottom: 1.674vw;
}
.card-text{
font-size: 14px;
font-size: 0.781vw;
float:left;
position: relative;
top:9px;
top:0.502vw;
}
</style>