secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Refining icons; Queue parallax; Forms

Browse Source
This commit is contained in:
James Barnsley
2017-07-26 15:24:18 +12:00
parent 0c38bdd8b8
commit e3a5316bac
19 changed files with 102 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/scss/global/_forms.scss
View File

@ -7,7 +7,6 @@
border: 0;
}
button,
textarea,
input[type="text"],
input[type="email"],
@ -18,8 +17,10 @@ select {
padding: 10px 14px;
background: rgba(255,255,255,0.1);
color: $white;
font-family: "Archivo Narrow", Helvetica, Arial, sans-serif;
font-family: "Overpass", Helvetica, Arial, sans-serif;
font-size: 14px;
border-radius: 3px;
letter-spacing: -0.01rem;
&:focus,
&:active {
@ -27,6 +28,12 @@ select {
}
}
select {
option {
color: $darkest_grey;
}
}
.button-wrapper {
padding: 10px 0;
margin-top: -1px;
@ -50,25 +57,29 @@ input[type="button"],
input[type="submit"] {
@include animate();
@include feature_font();
@include gradient_overlay();
font-size: 14px;
color: $black;
display: inline-block;
padding: 9px 30px 7px;
margin: 0 20px 10px 0;
color: $black;
background: $white;
font-size: 14px;
box-sizing: border-box;
border-radius: 3px;
vertical-align: middle;
position: relative;
border: 0 !important;
cursor: pointer;
letter-spacing: -0.01rem;
&:not(.no-hover){
@include gradient_overlay(3px, 0.05);
}
.notouch &:not(.no-hover):hover {
box-shadow: 1px 2px 6px rgba(0,0,0,0.2);
&:before {
opacity: 0.15;
opacity: 0.2;
}
}
@ -150,13 +161,12 @@ input[type="submit"] {
&[disabled="disabled"]{
opacity: 0.5;
cursor: not-allowed !important;
color: $mid_grey;
border-color: $mid_grey;
background: transparent;
&,
.notouch &:hover,
&:active {
color: $mid_grey;
border-color: $mid_grey;
background: transparent;
&:before {
opacity: 0.15;
}
}
@ -178,7 +188,7 @@ input[type="submit"] {
.field {
display: block;
padding-bottom: 8px;
padding-bottom: 12px;
@include clearfix;
.name {