px => vw for partials

src/layouts/partials/detail-btn-large.html

@@ -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;
 }
 

src/layouts/partials/detail-btn.html

@@ -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;
 }
 

src/layouts/partials/footer-nav.html

@@ -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{

src/layouts/partials/footer.html

@@ -1,7 +1,7 @@
 <section class="footer">
   <hr>
-  <div class="container" style="padding-top: 0px; padding-bottom: 0px;">
+  <div class="container" style="padding-top: 0vw; padding-bottom: 0vw;">
-      <div class="row" style="margin: 75px 0px;">
+      <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>

src/layouts/partials/full-width-discord-cta.html

@@ -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;
+    box-shadow: inset 0vw 0vw 0vw 0.558vw #1a1a1a !important;
-    padding: 44px 100px;
+    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>

src/layouts/partials/package-thumbnail.html

@@ -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>