| 
117 | 117 |     },  | 
118 | 118 |     {  | 
119 | 119 |       "name": "interpolate with auto repeaters",  | 
120 |  | -      "href": "https://drafts.csswg.org/css-gaps-1/#interpolate-with-auto-repeaters",  | 
121 |  | -      "html": "To <dfn class=\"dfn-paneled has-dfn-panel\" data-dfn-type=\"dfn\" data-noexport=\"\" id=\"interpolate-with-auto-repeaters\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">interpolate with auto repeaters</dfn>, when either of the lists we are interpolating between (<var>from</var> and <var>to</var>) include an <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater⑦\">auto repeater</a>:",  | 
 | 120 | +      "html": "When either of the lists we are interpolating between (<var>from</var> and <var>to</var>) include an <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater⑦\">auto repeater</a>:",  | 
122 | 121 |       "rationale": ".algorithm",  | 
123 | 122 |       "steps": [  | 
124 | 123 |         {  | 
125 |  | -          "html": "Split each of <var>from</var> and <var>to</var> into segments, similar to how we <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#assign-gap-decoration-values\" id=\"ref-for-assign-gap-decoration-values③\">assign gap decoration values</a>:\n\t\t\t\tLet <var>leading values</var> be the values before the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater⑧\">auto repeater</a>.\n\t\t\t\tLet <var>trailing values</var> be the values after the <span id=\"ref-for-auto-repeater⑨\">auto repeater</span>.\n\t\t\t\tLet <var>auto values</var> be the values inside the <span id=\"ref-for-auto-repeater①⓪\">auto repeater</span>."  | 
 | 124 | +          "html": "Split each of <var>from</var> and <var>to</var> into segments, similar to how we <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#assign-gap-decoration-values\" id=\"ref-for-assign-gap-decoration-values③\">assign gap decoration values</a>:",  | 
 | 125 | +          "rationale": "let",  | 
 | 126 | +          "steps": [  | 
 | 127 | +            {  | 
 | 128 | +              "html": "Let <var>leading values</var> be the values before the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater⑧\">auto repeater</a>."  | 
 | 129 | +            },  | 
 | 130 | +            {  | 
 | 131 | +              "html": "Let <var>trailing values</var> be the values after the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater⑨\">auto repeater</a>."  | 
 | 132 | +            },  | 
 | 133 | +            {  | 
 | 134 | +              "html": "Let <var>auto values</var> be the values inside the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater①⓪\">auto repeater</a>."  | 
 | 135 | +            }  | 
 | 136 | +          ]  | 
126 | 137 |         },  | 
127 | 138 |         {  | 
128 | 139 |           "html": "If only one of <var>from</var> or <var>to</var> contains an auto-repeater, we fall back to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-1/#discrete\" id=\"ref-for-discrete\">discrete</a> interpolation."  | 
 | 
131 | 142 |           "html": "Expand any integer repeaters on each segment."  | 
132 | 143 |         },  | 
133 | 144 |         {  | 
134 |  | -          "html": "If the length of <var>leading values</var> in <var>from</var> and <var>leading values</var> in <var>to</var> don’t match, we fall back to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-1/#discrete\" id=\"ref-for-discrete①\">discrete</a> interpolation.\n\t\t\t\tIf the length of <var>trailing values</var> in <var>from</var> and <var>trailing values</var> in <var>to</var> don’t match, we fall back to <span id=\"ref-for-discrete②\">discrete</span> interpolation."  | 
 | 145 | +          "html": "If the length of <var>leading values</var> in <var>from</var> and <var>leading values</var> in <var>to</var> don’t match, we fall back to <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-1/#discrete\" id=\"ref-for-discrete①\">discrete</a> interpolation.\n\t\t\t\t\tIf the length of <var>trailing values</var> in <var>from</var> and <var>trailing values</var> in <var>to</var> don’t match, we fall back to <span id=\"ref-for-discrete②\">discrete</span> interpolation."  | 
135 | 146 |         },  | 
136 | 147 |         {  | 
137 |  | -          "html": "When both <var>from</var> and <var>to</var> contain auto-repeaters, and the length of their segments match as described above, we apply <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#list-interpolation\" id=\"ref-for-list-interpolation\">list interpolation</a> to each segment.\n\t\t\t\tApplying <span id=\"ref-for-list-interpolation①\">list interpolation</span> to the <var>auto values</var> means applying it to the list of values inside the repeater."  | 
 | 148 | +          "html": "When both <var>from</var> and <var>to</var> contain auto-repeaters, and the length of their segments match as described above,\n\t\t\t\t\tapply <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/web-animations-1/#repeatable-list\" id=\"ref-for-repeatable-list①\">repeatable list</a> interpolation to the lists of values in each <var>auto values</var>."  | 
138 | 149 |         }  | 
139 | 150 |       ]  | 
140 | 151 |     }  | 
 | 
0 commit comments