Attempting semantic line breaks

Author: jakearchibald

css-easing-1/Overview.bs

@@ -127,12 +127,18 @@ The syntax for specifying an [=easing function=] is as follows:
 
 <h3 id=the-linear-easing-function oldids=linear-timing-function-section>The linear easing function: ''linear()''</h3>
 
-A <dfn export lt="linear easing function|linear timing function">linear easing
-function</dfn> is an easing function that interpolates linearly between its [=linear easing function/points=].
+A <dfn export lt="linear easing function|linear timing function">linear easing function</dfn>
+is an easing function
+that interpolates linearly
+between its [=linear easing function/points=].
 
-A [=linear easing function=] has <dfn for="linear easing function">points</dfn>, a [=/list=] of [=linear easing points=]. Initially a new empty [=/list=].
+A [=linear easing function=] has <dfn for="linear easing function">points</dfn>,
+a [=/list=] of [=linear easing points=].
+Initially a new empty [=/list=].
 
-A <dfn>linear easing point</dfn> is a [=/struct=] that has:
+A <dfn>linear easing point</dfn>
+is a [=/struct=]
+that has:
 
 <dl dfn-for="linear easing point">
 
@@ -145,17 +151,26 @@ A <dfn>linear easing point</dfn> is a [=/struct=] that has:
 
 <section algorithm="to calculate linear output progress">
 
-To <dfn export>calculate linear output progress</dfn> for a given [=linear easing function=] |linearEasingFunction|, and an [=input progress value=] |inputProgress|, perform the following. It returns an [=output progress value=].
+To <dfn export>calculate linear output progress</dfn>
+for a given [=linear easing function=] |linearEasingFunction|,
+and an [=input progress value=] |inputProgress|,
+perform the following.
+It returns an [=output progress value=].
 
-1.   If |linearEasingFunction|'s [=linear easing function/points=] [=list/is empty=], then return |inputProgress|.
+1.   If |linearEasingFunction|'s [=linear easing function/points=] [=list/is empty=],
+     then return |inputProgress|.
 
-1.   If |linearEasingFunction|'s [=linear easing function/points=] [=list/size=] is 1, then return |linearEasingFunction|'s [=linear easing function/points=][0]'s [=linear easing point/output=].
+1.   If |linearEasingFunction|'s [=linear easing function/points=] [=list/size=] is 1,
+     then return |linearEasingFunction|'s [=linear easing function/points=][0]'s [=linear easing point/output=].
 
-1.   Plot |linearEasingFunction|'s [=linear easing function/points=] points on a graph using [=linear easing point/input=] as the x-axis and [=linear easing point/output=] as the y-axis.
+1.   Plot |linearEasingFunction|'s [=linear easing function/points=] points on a graph
+     using [=linear easing point/input=] as the x-axis
+     and [=linear easing point/output=] as the y-axis.
 
 1.   Interpolate the points linearly.
 
-1.   Extend the ends of the graph to infinity using the final angle of the line at either end. If the line starts/ends with two points of the same position, the line should extend along the x-axis.
+1.   Extend the ends of the graph to infinity using the final angle of the line at either end.
+     If the line starts/ends with two points of the same position, the line should extend along the x-axis.
 
 1.   Return the y-axis value corresponding to the x-axis value of |inputProgress|.
 
@@ -166,8 +181,8 @@ To <dfn export>calculate linear output progress</dfn> for a given [=linear easin
 <pre class="prod">
   <dfn>&lt;linear-stop-list></dfn> =
     [ <<linear-hint>>? , <<linear-stop>> ]#
-  <dfn>&lt;linear-stop></dfn> = <<number>> && <<length-percentage>>?
-  <dfn>&lt;linear-hint></dfn> = <<length-percentage>>
+  <dfn>&lt;linear-stop></dfn> = <<number>> && <<percentage>>?
+  <dfn>&lt;linear-hint></dfn> = <<percentage>>
 </pre>
 
 TODO: I want to support syntax like <code>linear(0 0% 0%, 1 100% 100%)</code>, but I can't figure out how it's done. <code>linear-gradient</code> seems to support that syntax but <a href="https://drafts.csswg.org/css-images-3/#typedef-color-stop-list">I can't see it in the grammar</a>.