stopwatch04

docs/examples/introduction/stopwatch.css

@@ -4,27 +4,15 @@ Stopwatch {
     height: 5;
     min-width: 50;
     margin: 1;
-    padding: 1 1;
-    transition: background 300ms linear;
+    padding: 1;
 }
 
-Stopwatch.started {   
-    text-style: bold;
-    background: $success;
-    color: $text-success;
-}
-
-
 TimeDisplay {
     content-align: center middle;
     opacity: 60%;
     height: 3;
 }
 
-Stopwatch.started TimeDisplay {
-    opacity: 100%;
-}
-
 Button {
     width: 16;    
 }
@@ -42,6 +30,16 @@ Button {
     dock: right;
 }
 
+Stopwatch.started {   
+    text-style: bold;
+    background: $success;
+    color: $text-success;
+}
+
+Stopwatch.started TimeDisplay {
+    opacity: 100%;
+}
+
 Stopwatch.started #start {
     display: none
 }