Added fillable data-running attribute.

sjohnsonaz · Jul 11, 2018 · d0b074e · d0b074e
1 parent 9b7e3bd
commit d0b074e
Showing 1 changed file with 17 additions and 14 deletions.
diff --git a/src/styl/abilities/fillable.styl b/src/styl/abilities/fillable.styl
@@ -1,19 +1,22 @@
 @require "ability-settings.styl";
 
-fillable() {
+fillable()
     //padding: 0;
-    .fillable-content {
-        transition: top $fillable-animation-time, right $fillable-animation-time, bottom $fillable-animation-time, left $fillable-animation-time;
-        z-index: 100;
-    }
+    .fillable-content
+        transition: top $fillable-animation-time, right $fillable-animation-time, bottom $fillable-animation-time, left $fillable-animation-time
+        z-index: 100
 
-    &[data-filled="true"] {
-        .fillable-content {
-            position: fixed;
-        }
-    }
-}
+    &[data-running="true"]
+        .fillable-content
+            position: fixed
 
-.fillable {
-    fillable();
-}
+    &[data-filled="true"]
+        .fillable-content
+            position: fixed
+            top: 0
+            right: 0
+            bottom: 0
+            left: 0
+
+.fillable
+    fillable()