WIP: Loading transitions

relates to #5
svef · May 17, 2016 · e4a5d07 · e4a5d07
1 parent de38205
commit e4a5d07
Show file tree

Hide file tree

Showing 19 changed files with 389 additions and 70 deletions.
diff --git a/src/images/hexagon-awards.svg b/src/images/hexagon-awards.svg
diff --git a/src/images/hexagon-conf.svg b/src/images/hexagon-conf.svg
diff --git a/src/images/hexagon-svef.svg b/src/images/hexagon-svef.svg
diff --git a/src/images/hexagon.svg b/src/images/hexagon.svg
diff --git a/src/scripts/main.js b/src/scripts/main.js
@@ -1,3 +1,3 @@
 import './modules/analytics'
 
-setTimeout(() => document.querySelector('html').classList.remove('loading'), 500)
+setTimeout(() => document.querySelector('html').classList.remove('loading'), 750)
diff --git a/src/styles/_config.scss b/src/styles/_config.scss
@@ -1,21 +1,23 @@
 
-// Footer
-$footer-height: 80px;
-
 // Font
 $font-size: 18px;
 
-// SVEF vefverdlaun colors
-$color-orange: #E7792B;
-$color-green: #56A3A6;
+// SVEF colors
+$color-svef: #E7792B;
+$color-awards: #2B7E99;
+$color-conf: #A63F5B;
 $color-gray: #4A4A4A;
 $color-gray-light: #EBEBEA;
+$color-gray-dark: #1a1a1e;
 
 // Sizes
 $spacing: 20px;
 $page-max-width: 1280px;
 $page-min-width: 320px;
 
+$footer-height: 50px;
+$header-height: 100px;
+
 // Text direction & floats
 $text-direction: ltr;
 $default-float: left;