mirror of
https://github.com/Xevion/old.xevion.github.io.git
synced 2025-12-06 07:15:32 -06:00
who needs jquery when we have vanilla js
This commit is contained in:
@@ -52,11 +52,13 @@
|
||||
}
|
||||
.input-label {
|
||||
display: block;
|
||||
padding-left: 4px;
|
||||
font-size: 1.15em;
|
||||
font-weight: 500;
|
||||
font-family: $Gotham, $sans-serif-stack;
|
||||
font-size: 0.9em;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
transform: translateY(25px);
|
||||
color: $white;
|
||||
margin-bottom: 10px;
|
||||
transition: all 0.5s ease-in-out;
|
||||
}
|
||||
.contact-input {
|
||||
@@ -92,7 +94,7 @@
|
||||
color: #00b7c7;
|
||||
}
|
||||
.is-completed .input-label {
|
||||
font-size: 14px;
|
||||
font-size: 0.75em;
|
||||
font-weight: 700;
|
||||
transform: translateY(0);
|
||||
padding: 0;
|
||||
|
||||
@@ -1,9 +1,16 @@
|
||||
#dot-nav {
|
||||
position: fixed;
|
||||
right: 34px;
|
||||
@include center(y);
|
||||
z-index: 1;
|
||||
display: none;
|
||||
@include center(y);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: visibility 0s, opacity 0.5s ease;
|
||||
&.active {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: visibility 0s, opacity 0.5s ease;
|
||||
}
|
||||
@include MQ(M) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user