You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
"html": "To <dfn class=\"dfn-paneled has-dfn-panel\" data-dfn-type=\"dfn\" data-noexport=\"\" id=\"determine-pairs-of-gap-decoration-endpoints\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">determine pairs of gap decoration endpoints</dfn> within a given <var>gap</var>:",
11
+
"rationale": "let",
12
+
"steps": [
13
+
{
14
+
"html": "Let <var>pairs</var> be an empty list.\n\t\t\tLet <var>endpoints</var> be the list of <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#gap-intersection-point\" id=\"ref-for-gap-intersection-point①①\">gap intersection points</a> that fall along the centerline of <var>gap</var>,\n\t\t\tordered from start to end along <var>gap</var>’s axis.\n\t\t\tLet <var>break</var> be the used value of either <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-break\" id=\"ref-for-propdef-column-rule-break④\">column-rule-break</a> or <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-break\" id=\"ref-for-propdef-row-rule-break③\">row-rule-break</a>,\n\t\t\twhichever applies to <var>gap</var>."
15
+
},
16
+
{
17
+
"html": "If <var>endpoints</var> contains fewer than 2 items, return <var>pairs</var>."
18
+
},
19
+
{
20
+
"html": "Remove the first item from <var>endpoints</var>.\n\t\t\tLet <var>start</var> be equal to that item."
21
+
},
22
+
{
23
+
"html": "Remove the first item from <var>endpoints</var>.\n\t\t\tLet <var>end</var> be equal to that item."
24
+
},
25
+
{
26
+
"html": "If <var>endpoints</var> is non-empty, and either of the following conditions is true... \n\n ...then go back to step 4.",
27
+
"ignored": [
28
+
"break is spanning-item, and a line segment from start to the first item in endpoints, with the same width as gap, does not intersect a child item in the container break is none"
29
+
]
30
+
},
31
+
{
32
+
"html": "<a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#compute-the-offset\" id=\"ref-for-compute-the-offset\">Compute the offset</a> for <var>start</var> within <var>gap</var>.\n\t\t\tOffset <var>start</var> by the result,\n\t\t\tin the forward direction along <var>gap</var>’s axis."
33
+
},
34
+
{
35
+
"html": "<a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#compute-the-offset\" id=\"ref-for-compute-the-offset①\">Compute the offset</a> for <var>end</var> within <var>gap</var>.\n\t\t\tOffset <var>end</var> by the result,\n\t\t\tin the reverse direction along <var>gap</var>’s axis."
36
+
},
37
+
{
38
+
"html": "Add to <var>pairs</var> a tuple consisting of <var>start</var> and <var>end</var>."
"html": "To <dfn class=\"dfn-paneled has-dfn-panel\" data-dfn-type=\"dfn\" data-noexport=\"\" id=\"compute-the-offset\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">compute the offset</dfn> for a given <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#gap-intersection-point\" id=\"ref-for-gap-intersection-point②⓪\">gap intersection point</a> <var>point</var> within a given <var>gap</var>:",
49
+
"rationale": "let",
50
+
"steps": [
51
+
{
52
+
"html": "Let <var>width</var> be the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#crossing-gap-width\" id=\"ref-for-crossing-gap-width④\">crossing gap width</a> for <var>point</var>."
53
+
},
54
+
{
55
+
"html": "Let <var>outset</var> be the computed value of either <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-outset\" id=\"ref-for-propdef-column-rule-outset④\">column-rule-outset</a> or <a class=\"property css\" data-link-type=\"property\" href=\"https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-outset\" id=\"ref-for-propdef-row-rule-outset③\">row-rule-outset</a>,\n\t\t\twhichever applies to <var>gap</var>.\n\t\t\tResolve any percentages in <var>outset</var> against <var>width</var>."
56
+
},
57
+
{
58
+
"html": "Let <var>result</var> be <var>width</var> multiplied by 50%.\n\t\t\tSubtract <var>outset</var> from <var>result</var>."
"html": "To <dfn class=\"dfn-paneled has-dfn-panel\" data-dfn-type=\"dfn\" data-noexport=\"\" id=\"assign-gap-decoration-values\" role=\"button\" aria-expanded=\"false\" tabindex=\"0\">assign gap decoration values</dfn> to a list of <var>gaps</var> using a list of <var>values</var>:",
69
+
"rationale": "replace",
70
+
"steps": [
71
+
{
72
+
"html": "Replace any <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#integer-repeater\" id=\"ref-for-integer-repeater①\">integer repeaters</a> in <var>values</var> with their expanded-out equivalents."
73
+
},
74
+
{
75
+
"html": "If the list contains no <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater②\">auto repeater</a>, then:",
76
+
"rationale": "end",
77
+
"steps": [
78
+
{
79
+
"html": "Beginning from the first item in <var>values</var> and the first item in <var>gaps</var>,\n\t\t\t\t\tassign each value to the corresponding gap.\n\t\t\t\t\tIf there are fewer values than gaps,\n\t\t\t\t\trepeat beginning from the first item in <var>values</var>,\n\t\t\t\t\tas many times as needed."
80
+
},
81
+
{
82
+
"html": "End this algorithm."
83
+
}
84
+
]
85
+
},
86
+
{
87
+
"html": "<var>values</var> contains an <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\tLet <var>leading count</var> be the number of items in <var>values</var> before the <span id=\"ref-for-auto-repeater④\">auto repeater</span>.\n\t\t\tLet <var>trailing count</var> be the number of items in <var>values</var> after the <span id=\"ref-for-auto-repeater⑤\">auto repeater</span>."
88
+
},
89
+
{
90
+
"html": "Partition <var>gaps</var> as follows:",
91
+
"rationale": "let",
92
+
"steps": [
93
+
{
94
+
"html": "Let <var>leading gaps</var> contain the first <var>leading count</var> items in <var>gaps</var>."
95
+
},
96
+
{
97
+
"html": "Let <var>trailing gaps</var> contain the last <var>trailing count</var> items in <var>gaps</var>,\n\t\t\t\t\texcluding any items in <var>leading gaps</var>."
98
+
},
99
+
{
100
+
"html": "Let <var>auto gaps</var> contain any items in <var>gaps</var> that are not in either <var>leading gaps</var> or <var>trailing gaps</var>."
101
+
}
102
+
]
103
+
},
104
+
{
105
+
"html": "If <var>leading gaps</var> is non-empty, <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> to <var>leading gaps</var> using the first <var>leading count</var> items in <var>values</var>."
106
+
},
107
+
{
108
+
"html": "If <var>trailing gaps</var> is non-empty, <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#assign-gap-decoration-values-in-reverse\" id=\"ref-for-assign-gap-decoration-values-in-reverse\">assign gap decoration values in reverse</a> to <var>trailing gaps</var> using the last <var>trailing count</var> items in <var>values</var>."
109
+
},
110
+
{
111
+
"html": "If <var>auto gaps</var> is non-empty, <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> to <var>auto gaps</var> using the list of values in the second argument of the <a data-link-type=\"dfn\" href=\"https://drafts.csswg.org/css-gaps-1/#auto-repeater\" id=\"ref-for-auto-repeater⑥\">auto repeater</a>."
0 commit comments