[css-ui] Typographic tweak: use − rather than - in calculations

Author: frivoal

css-ui/Overview.bs

@@ -176,10 +176,10 @@ The following terms, whose definitions vary based on the computed value of 'box-
 
 <table border="1">
 <tr><th><th>''box-sizing: content-box''<th>''box-sizing: padding-box''<th>''box-sizing: border-box''
-<tr><td><dfn>min content width</dfn><td>'min-width'<td>max(0, 'min-width' - 'padding-left' - 'padding-right')<td>max(0, 'min-width' - 'padding-left' - 'padding-right' - 'border-left-width' - 'border-right-width')
-<tr><td><dfn>max content width</dfn><td>'max-width'<td>max(0, 'max-width' - 'padding-left' - 'padding-right')<td>max(0, 'max-width' - 'padding-left' - 'padding-right' - 'border-left-width' - 'border-right-width')
-<tr><td><dfn>min content height</dfn><td>'min-height'<td>max(0, 'min-height' - 'padding-top' - 'padding-bottom')<td>max(0, 'min-height' - 'padding-top' - 'padding-bottom' - 'border-top-width' - 'border-bottom-width')
-<tr><td><dfn>max content height</dfn><td>'max-height'<td>max(0, 'max-height' - 'padding-top' - 'padding-bottom')<td>max(0, 'max-height' - 'padding-top' - 'padding-bottom' - 'border-top-width' - 'border-bottom-width')
+<tr><td><dfn>min content width</dfn><td>'min-width'<td>max(0, 'min-width' &minus; 'padding-left' &minus; 'padding-right')<td>max(0, 'min-width' &minus; 'padding-left' &minus; 'padding-right' &minus; 'border-left-width' &minus; 'border-right-width')
+<tr><td><dfn>max content width</dfn><td>'max-width'<td>max(0, 'max-width' &minus; 'padding-left' &minus; 'padding-right')<td>max(0, 'max-width' &minus; 'padding-left' &minus; 'padding-right' &minus; 'border-left-width' &minus; 'border-right-width')
+<tr><td><dfn>min content height</dfn><td>'min-height'<td>max(0, 'min-height' &minus; 'padding-top' &minus; 'padding-bottom')<td>max(0, 'min-height' &minus; 'padding-top' &minus; 'padding-bottom' &minus; 'border-top-width' &minus; 'border-bottom-width')
+<tr><td><dfn>max content height</dfn><td>'max-height'<td>max(0, 'max-height' &minus; 'padding-top' &minus; 'padding-bottom')<td>max(0, 'max-height' &minus; 'padding-top' &minus; 'padding-bottom' &minus; 'border-top-width' &minus; 'border-bottom-width')
 </table>
 
 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':

css-ui/Overview.html

@@ -1099,26 +1099,26 @@ <h3 class="heading settled" data-level="3.1" id="box-sizing"><span class="secno"
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="min-content-width">min content width<a class="self-link" href="#min-content-width"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a>)
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-left-width">border-left-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-right-width">border-right-width</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-width">min-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-left-width">border-left-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-right-width">border-right-width</a>)
 
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="max-content-width">max content width<a class="self-link" href="#max-content-width"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a>)
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-left-width">border-left-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-right-width">border-right-width</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-width">max-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-left">padding-left</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-right">padding-right</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-left-width">border-left-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-right-width">border-right-width</a>)
 
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="min-content-height">min content height<a class="self-link" href="#min-content-height"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a>)
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-top-width">border-top-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-bottom-width">border-bottom-width</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-min-height">min-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-top-width">border-top-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-bottom-width">border-bottom-width</a>)
 
      <tr>
       <td><dfn data-dfn-type="dfn" data-noexport="" id="max-content-height">max content height<a class="self-link" href="#max-content-height"></a></dfn>
       <td><a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a>
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a>)
-      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-top-width">border-top-width</a> - <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-bottom-width">border-bottom-width</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a>)
+      <td>max(0, <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/visudet.html#propdef-max-height">max-height</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-top">padding-top</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css2/box.html#propdef-padding-bottom">padding-bottom</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-top-width">border-top-width</a> − <a class="property" data-link-type="propdesc" href="http://dev.w3.org/csswg/css-backgrounds-3/#border-bottom-width">border-bottom-width</a>)
 </table>