updated styles

This commit is contained in:
Wyatt Johnson
2017-07-27 12:03:25 +10:00
parent 1a1d28c915
commit b482cf0a0f
5 changed files with 24 additions and 24 deletions
+4 -4
View File
@@ -5,10 +5,10 @@
.masthead {
position: relative;
border-bottom: 1px solid $border-color;
-webkit-animation: intro 0.3s both;
animation: intro 0.3s both;
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
// -webkit-animation: intro 0.3s both;
// animation: intro 0.3s both;
// -webkit-animation-delay: 0.15s;
// animation-delay: 0.15s;
z-index: 20;
&__inner-wrap {
+4 -4
View File
@@ -14,10 +14,10 @@
padding-left: 2em;
padding-right: 2em;
font-family: $sans-serif;
-webkit-animation: intro 0.3s both;
animation: intro 0.3s both;
-webkit-animation-delay: 0.30s;
animation-delay: 0.30s;
// -webkit-animation: intro 0.3s both;
// animation: intro 0.3s both;
// -webkit-animation-delay: 0.30s;
// animation-delay: 0.30s;
@include breakpoint($large) {
padding-left: 1em;
+12 -12
View File
@@ -8,10 +8,10 @@
margin-top: 2em;
padding-left: 1em;
padding-right: 1em;
-webkit-animation: intro 0.3s both;
animation: intro 0.3s both;
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
// -webkit-animation: intro 0.3s both;
// animation: intro 0.3s both;
// -webkit-animation-delay: 0.35s;
// animation-delay: 0.35s;
@include breakpoint($x-large) {
max-width: $x-large;
@@ -113,10 +113,10 @@
position: relative;
margin-bottom: 2em;
@include clearfix;
-webkit-animation: intro 0.3s both;
animation: intro 0.3s both;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
// -webkit-animation: intro 0.3s both;
// animation: intro 0.3s both;
// -webkit-animation-delay: 0.25s;
// animation-delay: 0.25s;
&--overlay {
position: relative;
@@ -126,10 +126,10 @@
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-animation: intro 0.3s both;
animation: intro 0.3s both;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
// -webkit-animation: intro 0.3s both;
// animation: intro 0.3s both;
// -webkit-animation-delay: 0.25s;
// animation-delay: 0.25s;
a {
color: #fff;
+2 -2
View File
@@ -16,8 +16,8 @@
@include breakpoint($large) {
@include span(2 of 12);
opacity: 0.75;
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
// -webkit-transition: opacity 0.2s ease-in-out;
// transition: opacity 0.2s ease-in-out;
&:hover {
opacity: 1;
+2 -2
View File
@@ -91,7 +91,7 @@ $xing-color : #006567 !default;
/* links */
$link-color : $info-color !default;
$link-color : #f67150 !default;
$link-color-hover : mix(#000, $link-color, 25%) !default;
$link-color-visited : mix(#fff, $link-color, 25%) !default;
$masthead-link-color : $primary-color !default;
@@ -126,4 +126,4 @@ $border-radius : 4px !default;
$box-shadow : 0 1px 1px rgba(0, 0, 0, 0.125) !default;
$navicon-width : 1.5rem !default;
$navicon-height : 0.25rem !default;
$global-transition : all 0.2s ease-in-out !default;
$global-transition : none !default;