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

7
src/scss/global/_core.scss
View File

@ -4,8 +4,9 @@ body,
html {
background: $dark_grey;
color: $light_grey;
font-family: "Archivo Narrow", Helvetica, Arial, sans-serif;
font-family: "Overpass", Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: -0.01rem;
touch-action: manipulation;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
@ -77,7 +78,9 @@ main {
pre {
padding: 20px;
background: $faint_grey;
background: $darkest_grey;
border-radius: 3px;
color: $white;
white-space: pre-wrap;
word-wrap: break-word;
}

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 {

8
src/scss/global/_variables.scss
View File

@ -208,9 +208,9 @@ $bp_shallow: 650px;
opacity: $opacity;
z-index: 9;
pointer-events: none;
background: -webkit-linear-gradient(to bottom right, rgba(255,255,255,1), rgba(0,0,0,0.5));
background: -moz-linear-gradient(to bottom right, rgba(255,255,255,1), rgba(0,0,0,0.5));
background: -o-linear-gradient(to bottom right, rgba(255,255,255,1), rgba(0,0,0,0.5));
background: linear-gradient(to bottom right, rgba(255,255,255,1), rgba(0,0,0,0.5));
background: -webkit-linear-gradient(to bottom right, rgba(255,255,255,.75), rgba(0,0,0,1));
background: -moz-linear-gradient(to bottom right, rgba(255,255,255,.75), rgba(0,0,0,1));
background: -o-linear-gradient(to bottom right, rgba(255,255,255,.75), rgba(0,0,0,1));
background: linear-gradient(to bottom right, rgba(255,255,255,.75), rgba(0,0,0,1));
}
}