made the heading invisible before animating

- sass added variables
raphael-brand · May 19, 2017 · 46edc5c · 46edc5c
1 parent 3d7a1a2
commit 46edc5c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/demo/app/sass/animation.sass b/demo/app/sass/animation.sass
@@ -1,3 +1,4 @@
+$background: darken(darkblue, 20);
 
 div.animated
  display: inline
@@ -7,6 +8,7 @@ div.animated
 
 div.animated.animating
  opacity: 1
+ color: #ff0
 
 .heading1
  animation: animateHeading 1s 50ms infinite

diff --git a/demo/app/sass/main.sass b/demo/app/sass/main.sass
@@ -5,7 +5,7 @@ body
  font-size: 20px
 
 .jumbotron
- background-color: darken(darkblue, 20)
+ background-color: $background
  margin-top: 2em
  height: 8.7em
  box-shadow: darkgray 0 2px 2px
@@ -18,4 +18,5 @@ body
  left: 0
  font-size: 1em
  line-height: 0.8em
- color: #ff0
+ color: $background
+ text-shadow: none