Skip to content

[css-ui] Fix all current bikeshed warnings #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 5 commits into from
Apr 10, 2015
Merged

[css-ui] Fix all current bikeshed warnings #17

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
9dc6f8d
[css-ui] Fix all current bikeshed warnings
frivoal Apr 9, 2015
88a43cf
[css-ui] Add missing markup/bikeshed
frivoal Apr 9, 2015
e02388c
[css-ui] remove extraneous quotes
frivoal Apr 9, 2015
357fe0d
[css-ui] Remove more extraneous quotes
frivoal Apr 9, 2015
bababbd
[css3-ui] Link to the css-style-attr REC rather than to the ED
frivoal Apr 9, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
[css-ui] Fix all current bikeshed warnings
  • Loading branch information
@frivoal
frivoal committed Apr 9, 2015
commit 9dc6f8d78d52bc0e36ed97f206e55af7f940e2db
38 changes: 18 additions & 20 deletions css-ui/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,7 @@ Link Defaults: css21 (property) max-width
Link Defaults: css21 (property) max-height
Ignored Terms: outline-top
Ignored Terms: outline-left
Ignored Terms: nav-index
Ignored Terms: ime-mode
Ignored Terms: icon
At Risk: 'box-sizing' property value: padding-box
At Risk: 'caret-color' property
At Risk: 'text-overflow' property value: <<string>>
Expand Down Expand Up @@ -172,7 +170,7 @@ by legacy HTML user agents for replaced elements and input elements.
</dl>

Note: In contrast to the length and percentage values,
the ''auto'' value of the 'width' and 'height' properties
the ''width/auto'' value of the 'width' and 'height' properties
(as well as other keyword values introduced by later specifications,
unless otherwise specified)
is not influenced by the 'box-sizing' property,
Expand All @@ -191,7 +189,7 @@ The following terms, whose definitions vary based on the computed value of 'box-
The <a href="http://www.w3.org/TR/CSS21/visudet.html">Visual formatting model details</a> of [[!CSS21]] are written assuming ''box-sizing: content-box''. The following disambiguations are made to clarify the behavior for all values of 'box-sizing':

<ol>
<li>In <a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3</a>, the second <q>width</q> in the following phrase is to be interpreted as <a spec="css21">content width</a>: <q>If 'width' is not ''auto'' and 'border-left-width' + 'padding-left' + 'width' + [...]</q>
<li>In <a href="http://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3</a>, the second <q>width</q> in the following phrase is to be interpreted as <a spec="css21">content width</a>: <q>If 'width' is not ''width/auto'' and 'border-left-width' + 'padding-left' + 'width' + [...]</q>

<li>In <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">10.3.7</a>, <q>width</q> is to be interpreted as <a spec="css21">content width</a> in the following equation: <q>'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + [...]</q>

Expand Down Expand Up @@ -304,7 +302,7 @@ The rendering of applying transforms to outlines is left explicitly undefined in
<tr><th>Inherited:</th><td>no</td></tr>
<tr><th>Percentages:</th><td>N/A</td></tr>
<tr><th>Media:</th><td>visual</td></tr>
<tr><th>Computed&nbsp;value:</th><td>absolute length; ''0'' if the outline style is ''none''.</td></tr>
<tr><th>Computed&nbsp;value:</th><td>absolute length; ''0'' if the outline style is ''outline-width/none''.</td></tr>
<tr><th>Animatable:</th><td>as <a href="http://dev.w3.org/csswg/css3-transitions/#animtype-length">length</a></td></tr>
</tbody></table>

Expand Down Expand Up @@ -376,11 +374,11 @@ the same values as
([[!CSS3BG]],
<a href="http://www.w3.org/TR/css3-background/#the-border-style">Section 4.2</a>),
except that
''hidden'' is not a legal outline style.
<span class=css>hidden</span> is not a legal outline style.
In addition, in CSS3,
'outline-style'
accepts the value ''auto''.
The ''auto'' value permits the user agent
accepts the value ''outline-style/auto''.
The ''outline-style/auto'' value permits the user agent
to render a custom outline style,
typically a style which is either a user interface default for the platform,
or perhaps a style that is richer
Expand All @@ -390,8 +388,8 @@ that appears to glow.
As such, this specification does not define how the
'outline-color'
is incorporated or used (if at all) when rendering
''auto'' style outlines.
User agents may treat ''auto'' as
''outline-style/auto'' style outlines.
User agents may treat ''outline-style/auto'' as
''solid''.

The 'outline-color' property
Expand All @@ -406,7 +404,7 @@ on platforms that do not support color inversion of the pixels on the screen.
If the UA does not support the ''invert'' value
then it must reject that value at parse-time, and
the initial value of the 'outline-color' property
is the ''currentColor'' [[!CSS3COLOR]] keyword.
is the ''color/currentColor'' [[!CSS3COLOR]] keyword.

The 'outline' property is a shorthand property,
and sets all three of 'outline-style',
Expand Down Expand Up @@ -563,7 +561,7 @@ When an element is resized by the user,
the user agent sets
the 'width' and 'height' properties
to px unit length values of the size indicated by the user,
in the element’s <a spec="css-style-attr">style attribute</a> DOM,
in the element’s <a href="http://dev.w3.org/csswg/css-style-attr/#style-attribute">style attribute</a> DOM,
replacing existing property declaration(s) if any,
without ''!important'' if any.

Expand All @@ -588,11 +586,11 @@ since

Note: There may be situations where user attempts to resize an element
to appear to be overriden or ignored, e.g. because of ''!important'' cascading declarations that supersede
that element’s <a spec="css-style-attr">style attribute</a>
that element’s <a href="http://dev.w3.org/csswg/css-style-attr/#style-attribute">style attribute</a>
'width' and 'height' properties in the DOM.

Changes to the computed value of an element's 'resize' property
do not reset changes to the <a spec="css-style-attr">style attribute</a> made due to
do not reset changes to the <a href="http://dev.w3.org/csswg/css-style-attr/#style-attribute">style attribute</a> made due to
user resizing of that element.

<div class="example"><p style="display:none">Example(s):
Expand Down Expand Up @@ -841,8 +839,8 @@ WON'T ELLIPSE.</div>
Note: the side of the line that the ellipsis is placed depends on the 'direction' of the block.
E.g. an overflow hidden right-to-left
(<code class="lang-css">direction: rtl</code>)
block clips inline content on the <a>left</a> side,
thus would place a text-overflow ellipsis on the <a>left</a>
block clips inline content on the <a spec=css-writing-modes-3>left</a> side,
thus would place a text-overflow ellipsis on the <a spec=css-writing-modes-3>left</a>
to represent that clipped content.

<!-- insert RTL example diagram here to illustrate note. -->
Expand Down Expand Up @@ -1155,7 +1153,7 @@ often rendered as a magnifying glass with a "+" or "-" in the center of the glas
</dd>
</dl>

The UA may treat unsupported values as ''auto''.
The UA may treat unsupported values as ''cursor/auto''.
E.g. on platforms that do not have a concept of a ''context-menu'' cursor,
the UA may render ''default'' or whatever is appropriate.

Expand Down Expand Up @@ -1211,7 +1209,7 @@ boxes are generated for it and its cursor is used for the canvas.
<tr><th>Inherited:</th><td>no</td></tr>
<tr><th>Percentages:</th><td>N/A</td></tr>
<tr><th>Media:</th><td>interactive</td></tr>
<tr><th>Computed&nbsp;value:</th><td>The computed value for ''auto'' is ''currentColor''. For <<color>> values, the computed value is as defined for the [[!CSS3COLOR]] 'color' property.</td></tr>
<tr><th>Computed&nbsp;value:</th><td>The computed value for ''caret-color/auto'' is ''color/currentColor''. For <<color>> values, the computed value is as defined for the [[!CSS3COLOR]] 'color' property.</td></tr>
<tr><th>Animatable:</th><td>no</td></tr>
</tbody></table>

Expand Down Expand Up @@ -1301,7 +1299,7 @@ For accessibility and user convenience,
user agents should allow configuration of which keys on a keyboard are used for directional navigation.

<div class="example">
<h5>Example: positioned buttons</h5>
<h5 id=example-positioned-buttons>Example: positioned buttons</h5>

Here is an example of buttons positioned in a diamond shape
whose directional focus navigation is set in such a way
Expand Down Expand Up @@ -1342,7 +1340,7 @@ it is still important to ensure focus navigation behaviors which relate reasonab
</div>

<div class="example">
<h5>Example: moving focus to inside a frame</h5>
<h5 id=example-moving-focus-to-inside-a-frame>Example: moving focus to inside a frame</h5>

Moving the focus to an element in a specific frame requires both the element's id and the frame's name.

Expand Down
Loading