[css-transitions-1] Update propdef tables to new format

Author: fantasai

css-transitions-1/Overview.bs

@@ -261,14 +261,13 @@ Introduction {#introduction}
       </p>
       <pre class="propdef">
         Name: transition-property
-        Value: ''transition-property/none'' | <<single-transition-property>> #
-        Initial: ''transition-property/all''
-        Applies to: all elements, ::before and ::after pseudo elements
+        Value: none | <<single-transition-property>>#
+        Initial: all
+        Applies to: all elements
         Inherited: no
-        Animatable: no
         Percentages: N/A
-        Computed value: Same as specified value.
-        Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
+        Computed value: the keyword ''transition-property/none'' else a list of identifiers
+        Animation type: not animatable
       </pre>
 
       <div class="prod">
@@ -337,14 +336,13 @@ Introduction {#introduction}
       </p>
       <pre class="propdef">
         Name: transition-duration
-        Value: <<time>> #
+        Value: <<time>>#
         Initial: ''0s''
-        Applies to: all elements, ::before and ::after pseudo elements
+        Applies to: all elements
         Inherited: no
-        Animatable: no
         Percentages: N/A
-        Computed value: Same as specified value.
-        Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
+        Computed value: list, each item a time (duration) in seconds
+        Animation type: not animatable
       </pre>
       <p>
         This property specifies how long the transition from the old value to the new value should take. By default the value is ''0s'', meaning that the transition is immediate (i.e. there will be no animation). A negative value for 'transition-duration' renders the declaration invalid.
@@ -369,14 +367,13 @@ Introduction {#introduction}
       </p>
       <pre class="propdef">
         Name: transition-timing-function
-        Value: <<timing-function>> #
+        Value: <<timing-function>>#
         Initial: ''transition-timing-function/ease''
-        Applies to: all elements, ::before and ::after pseudo elements
+        Applies to: all elements
         Inherited: no
-        Animatable: no
         Percentages: N/A
-        Computed value: Same as specified value.
-        Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
+        Computed value: as specified
+        Animation type: not animatable
       </pre>
 
 
@@ -391,14 +388,13 @@ Introduction {#introduction}
       </p>
       <pre class="propdef">
         Name: transition-delay
-        Value: <<time>> #
+        Value: <<time>>#
         Initial: ''0s''
-        Applies to: all elements, ::before and ::after pseudo elements
+        Applies to: all elements
         Inherited: no
-        Animatable: no
         Percentages: N/A
-        Computed value: Same as specified value.
-        Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
+        Computed value: list, each item a time (duration) in seconds
+        Animation type: not animatable
       </pre>
 
 <span id="the-transition-shorthand-property-">The 'transition' Shorthand Property</span> {#transition-shorthand-property}
@@ -407,16 +403,14 @@ Introduction {#introduction}
       <p>
         The 'transition' shorthand property combines the four properties described above into a single property.
       </p>
-      <pre class="propdef">
+      <pre class="propdef shorthand">
         Name: transition
-        Value: <<single-transition>> #
-        Initial: see individual properties
-        Applies to: all elements, ::before and ::after pseudo elements
+        Value: <<single-transition>>#
+        Applies to: all elements
         Inherited: no
         Animatable: no
         Percentages: N/A
-        Computed value: see individual properties
-        Canonical order: <abbr title="follows order of property value definition">per grammar</abbr>
+        Animation type: not animatable
       </pre>
 
       <div class="prod">