Skip to content

Commit 99928ab

Browse files
committed
[css-backgrounds-3][meta] Fix markup to not accidentally trigger md blockquotes.
1 parent 3c3a8ef commit 99928ab

File tree

1 file changed

+7
-151
lines changed

1 file changed

+7
-151
lines changed

css-backgrounds-3/Overview.bs

Lines changed: 7 additions & 151 deletions
Original file line numberDiff line numberDiff line change
@@ -121,12 +121,11 @@ Value Types</h3>
121121

122122
<h3 id=animations>Animated Values</h3>
123123

124-
<p><!-- <a href="http://www.w3.org/Style/CSS/Tracker/issues/210"
125-
>ISSUE-210.]</a> --> It is expected that CSS will include ways to
124+
<p><!-- <a href="http://www.w3.org/Style/CSS/Tracker/issues/210">ISSUE-210.]</a> -->
125+
It is expected that CSS will include ways to
126126
animate transitions between styles. (The
127-
section <a
128-
href="https://www.w3.org/TR/css3-transitions/#animatable-types"
129-
>“Animation of property types”</a> of the <cite>CSS Transitions
127+
section <a href="https://www.w3.org/TR/css3-transitions/#animatable-types">“Animation of property types”</a>
128+
of the <cite>CSS Transitions
130129
module</cite> [[CSS3-TRANSITIONS]] is expected to define how different
131130
kinds of values are interpolated during a transition.) In anticipation
132131
of that, this module includes a line “Animatable” for each property,
@@ -1055,14 +1054,6 @@ there is a second step. The UA must scale the image in that dimension
10551054
the background positioning area. In the case of the width (height is
10561055
analogous):
10571056

1058-
<blockquote>
1059-
<p>If <var>X</var> &ne; 0 is the width of the image after step one
1060-
and <var>W</var> is the width of the background positioning area,
1061-
then the rounded width
1062-
<var>X'</var> = <var>W</var> / round(<var>W</var> / <var>X</var>)
1063-
where round() is a function that returns the nearest natural number
1064-
(integer greater than zero).
1065-
</blockquote>
10661057

10671058
<p>If 'background-repeat' is ''background-repeat/round'' for one dimension only and if
10681059
'background-size' is ''background-size/auto'' for the other dimension, then there is a third
@@ -2694,9 +2685,7 @@ inline tables that have 'border-collapse' set to
26942685
''border-collapse/collapse''. However, this specification does not define how such an
26952686
image border is rendered. In particular, it does not define how the
26962687
image border interacts with the borders of cells, rows and row groups
2697-
at the edges of the table (see <a
2698-
href="https://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#border-conflict-resolution"
2699-
>border conflict resolution</a> in [[!CSS2]]).
2688+
at the edges of the table (see <a href="https://www.w3.org/TR/2011/REC-CSS2-20110607/tables.html#border-conflict-resolution">border conflict resolution</a> in [[!CSS2]]).
27002689

27012690
<p>It is expected that a future specification will define the
27022691
rendering. It is recommended that UAs do not apply border images to
@@ -3063,31 +3052,6 @@ Changes</h2>
30633052
<h3 id="changes-2017-10">
30643053
Changes since the 17 October 2017 Candidate Recommendation</h3>
30653054

3066-
<ul>
3067-
<li>
3068-
Inverted order of <<shadow>> grammar to match browser serialization and 'text-shadow'/''drop-shadow()''.
3069-
(<a href="https://github.com/w3c/csswg-drafts/issues/2305">Issue 2305</a>)
3070-
<blockquote>
3071-
<pre><<shadow>> = <del>inset</del><ins><<color>></ins>? &amp;&amp; <<length>>{2,4} &amp;&amp; <del><<color>></del><ins>inset</ins>?</pre>
3072-
</blockquote>
3073-
<li>
3074-
Spread radius adjustment is only applied to outer shadows (and positive margins)--
3075-
i.e. cases where the radius of curvature grows, rather than shrinks.
3076-
(<a href="https://github.com/w3c/csswg-drafts/issues/1900">Issue 1900</a>)
3077-
<blockquote>
3078-
<p>To preserve the box's shape when spread is applied,
3079-
the corner radii of the shadow are also increased (decreased, for inner shadows)
3080-
from the border-box radii by adding (subtracting)
3081-
the <i>spread distance</i> (and flooring at zero).
3082-
However, in order to create a sharper corner when the border radius is small
3083-
<ins>(and thus ensure continuity between round and sharp corners)</ins>,
3084-
when the <i>border radius</i> is less than the <i>spread distance</i>,
3085-
the <i>spread distance</i> <ins>of an outer shadow</ins>
3086-
is multiplied by the proportion 1 + (<var>r</var>-1)<sup>3</sup>,
3087-
where <var>r</var> is the ratio of the border radius to the <i>spread distance</i>,
3088-
in calculating the corner radii of the spread shadow shape.
3089-
</blockquote>
3090-
</ul>
30913055

30923056
<h3 id="changes-2014-09">
30933057
Changes since the 9 September 2014 Candidate Recommendation</h3>
@@ -3163,13 +3127,10 @@ April 2012 Candidate Recommendation</a>:
31633127
Changes since the 14 February 2012 “Last Call” Working Draft</h3>
31643128

31653129
<p>The following (non-editorial) changes were made to this
3166-
specification since the <a
3167-
href="https://www.w3.org/TR/2012/WD-css3-background-20120214/"
3168-
>14 February 2012 “Last Call” Working Draft</a>:
3130+
specification since the <a href="https://www.w3.org/TR/2012/WD-css3-background-20120214/">14 February 2012 “Last Call” Working Draft</a>:
31693131

31703132
<p>These changes were in response to comments received during the
3171-
review period. For details, see the full <a href="https://drafts.csswg.org/css-backgrounds-3/issues-lc-2012"
3172-
>Disposition of Comments.</a>
3133+
review period. For details, see the full <a href="https://drafts.csswg.org/css-backgrounds-3/issues-lc-2012">Disposition of Comments.</a>
31733134

31743135
<ul>
31753136
<li><a href="#placement">Section 2.1</a>: Defined which properties
@@ -3203,111 +3164,6 @@ Changes Since the 15 February 2011 Candidate Recommendation</h3>
32033164
<a href="https://www.w3.org/TR/2011/CR-css3-background-20110215/">15 February 2011
32043165
Candidate Recommendation</a>:
32053166

3206-
<ul>
3207-
<li><a href="#the-background-size">Section 3.9</a>:
3208-
Defined what happens if 'background-size' has two ''background-size/auto'' values
3209-
and the image is missing an intrinsic dimension.
3210-
<blockquote>
3211-
<p>If both values are ''background-size/auto'' then the intrinsic width and/or
3212-
height of the image should be used, if any<ins>, the missing
3213-
dimension (if any) behaving as ‘auto’ as described above</ins>.
3214-
</blockquote>
3215-
<li><a href="#corner-transitions">Section 5.4</a>:
3216-
Made center of <a href="#corner-transitions">color and style transitions</a>
3217-
undefined (within certain limits) on corner joins, since previous definition
3218-
was wrong.
3219-
<blockquote>
3220-
<p><del>The center of color and style transitions between
3221-
adjoining borders is at the point on the curve that is at an angle
3222-
that is proportional to the ratio of the border widths. For
3223-
example, if the top and right border widths are equal, that point
3224-
is at a 45° angle from the horizontal, and if the top is twice the
3225-
width of the right the point is at a 30° angle from the
3226-
horizontal. The line demarcating this transition is drawn between
3227-
the point at that angle on the outer arc and the point at that
3228-
angle on the inner arc.</del>
3229-
<p><ins>If one of these borders is zero-width, then the other
3230-
border takes up the entire transitional area. Otherwise, the
3231-
center of color and style transitions between adjoining borders
3232-
must be proportional to the ratio of the border widths such that a
3233-
function of its location is continuous with respect to this ratio.
3234-
However it is not defined what these transitions look like or how
3235-
&ldquo;proportional&rdquo; maps to a point on the curve.</ins>
3236-
</blockquote>
3237-
<li><a href="#the-border-image-slice">Section 6.2</a>:
3238-
Defined <a href="#the-border-image-slice">slicing of border images</a>
3239-
that must be sized first to determine slice positions.
3240-
Added:
3241-
<blockquote>
3242-
<p><ins>If the image must be sized to determine the slices (for
3243-
example, for SVG images with no intrinsic size), then it is sized
3244-
as for an auto-sized background, using the border image area as
3245-
the default object size in place of the background positioning
3246-
area.</ins>
3247-
</blockquote>
3248-
<li><a href="#misc">Section 7.1</a>
3249-
Optionally added bidi-imposed breaks to the types of breaks affected by
3250-
'box-decoration-break'.
3251-
Added:
3252-
<blockquote>
3253-
<p><ins>UAs may also apply ‘box-decoration-break’ to control
3254-
rendering at bidi-imposed breaks, i.e. when bidi reordering causes
3255-
an inline to split into non-contiguous fragments. Otherwise such
3256-
breaks are always handled as ‘slice’.</ins>
3257-
</blockquote>
3258-
<li><a href="#the-box-shadow">Section 7.2</a>:
3259-
Defined the default color of 'box-shadow'.
3260-
<blockquote>
3261-
<p>The color is the color of the shadow. <ins>If the color is
3262-
absent, the used color is taken from the ‘color’ property.</ins>
3263-
</blockquote>
3264-
<li><a href="#the-background-position">Section 3.6</a>:
3265-
Clarified computed value of 'background-position'.
3266-
<blockquote>
3267-
<p><del>If one or two values are specified, for a &lt;length> the
3268-
absolute length, otherwise a percentage. If three or four values
3269-
are specified, two pairs of a keyword plus a length or
3270-
percentage.</del> <ins>Two keywords representing the origin and
3271-
two offsets from that origin, each given as an absolute length (if
3272-
given a <<length>>), otherwise as a percentage.</ins>
3273-
</blockquote>
3274-
<p>Changed <del>Equivalent</del> to <ins>Computes</ins> in
3275-
definition of keywords.
3276-
<li><a href="#animations">Section 2.3</a> (and all property definitions):
3277-
Added a section about expected an expected animations module.
3278-
Added "Animatable" line to property definition tables.
3279-
<li><a href="#the-background-position">Section 3.6</a>:
3280-
Renamed &lt;bg-position&gt; production to <i>&lt;position&gt;</i> for
3281-
easier re-use in other specifications and recast the grammar to be more
3282-
verbose but easier to understand.
3283-
<blockquote>
3284-
<pre class=prod><del>bg-position</del><ins>&lt;position&gt;</ins> = [
3285-
[ <ins>left | center | right |</ins> top | bottom <ins>| <<length-percentage>></ins> ]
3286-
|
3287-
[ left | center | right | <<length-percentage>> ]
3288-
[ top | center | bottom | <<length-percentage>> ]<del>?</del>
3289-
|
3290-
[ center | [ left | right ] <<length-percentage>>? ] &amp;&amp;
3291-
[ center | [ top | bottom ] <<length-percentage>>? ]
3292-
]</pre>
3293-
</blockquote>
3294-
<li><a href="#the-border-image-repeat">Section 6.5</a>:
3295-
Added ''border-image-repeat/space'' keyword to 'border-image-repeat' property value table:
3296-
it was included in the list of allowable values, but not in the syntax
3297-
definition.
3298-
<blockquote>
3299-
<p>[ stretch | repeat | round <ins>| space</ins> ]{1,2}
3300-
</blockquote>
3301-
<li><a href="#corner-overlap">Section 5.5</a>:
3302-
Corrected math error in border-radius example.
3303-
<blockquote>
3304-
<p>The height (2.5em) is enough for the specified radii (0.5em
3305-
plus <del>2.5em</del> <ins>2.0em</ins>).
3306-
</blockquote>
3307-
<li><a href="#the-border-width">Section 4.3</a>:
3308-
Marked Percentages field as N/A for 'border-width', since they are not
3309-
included in the property.
3310-
</ul>
33113167

33123168
<h3 id="changes-2009">
33133169
Changes Since the 17 December 2009 Candidate Recommendation</h3>

0 commit comments

Comments
 (0)