Add transition animation to opacity

90c8567d · Annabel Dunstone Gray · 42fb669c · 90c8567d
Commit 90c8567d authored Mar 22, 2017 by Annabel Dunstone Gray
Hide whitespace changes
Inline Side-by-side

Showing with 3 additions and 4 deletions

app/assets/stylesheets/pages/todos.scss app/assets/stylesheets/pages/todos.scss +3 -4

No files found.
--- a/app/assets/stylesheets/pages/todos.scss
+++ b/app/assets/stylesheets/pages/todos.scss
@@ -47,6 +47,7 @@

  .todo-avatar,
  .todo-actions {
+    @include transition(opacity);
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
  }
@@ -75,10 +76,6 @@
      border-color: $white-normal;
    }

-    .title {
-      font-weight: normal;
-    }
-
    .todo-avatar,
    .todo-item {
      opacity: .2;
@@ -91,6 +88,8 @@
 }

 .todo-item {
+  @include transition(opacity);
+
  .todo-title {
    display: flex;