who needs jquery when we have vanilla js

This commit is contained in:
Brittany Chiang
2016-12-26 22:59:04 -05:00
parent 1d5ccebcf9
commit 8ad2554b8c
6 changed files with 130 additions and 99 deletions

View File

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

View File

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