mirror of
https://github.com/ivabus/www
synced 2024-11-23 00:15:05 +03:00
px => vw for partials
This commit is contained in:
parent
0e11f83be6
commit
82196f466f
6 changed files with 24 additions and 24 deletions
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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{
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue