CSS Typed OM - fix up sidebar macro and layout

Author: hamishwillee

files/en-us/web/api/csskeywordvalue/value/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSKeywordValue.value
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`value`** property of the
-{{domxref("CSSKeywordValue")}} interface returns or sets the value of the
-`CSSKeywordValue`.
+The **`value`** property of the {{domxref("CSSKeywordValue")}} interface returns or sets the value of the `CSSKeywordValue`.
 
 ## Value
 
@@ -23,6 +21,8 @@ A string.
 
 ## Examples
 
+### Basic usage
+
 The following example resets the CSS {{cssxref('display')}} property to its defaults.
 
 ```js

files/en-us/web/api/cssmathclamp/cssmathclamp/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.CSSMathClamp
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathClamp()`** constructor creates a
-new {{domxref("CSSMathClamp")}} object representing a CSS {{CSSXref("clamp", "clamp()")}} function.
+The **`CSSMathClamp()`** constructor creates a new {{domxref("CSSMathClamp")}} object representing a CSS {{CSSXref("clamp", "clamp()")}} function.
 
 ## Syntax
 

files/en-us/web/api/cssmathclamp/lower/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.lower
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`lower`** read-only property of the
-{{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the minimum value of a {{domxref("CSSMathClamp")}} object.
+The **`lower`** read-only property of the {{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the minimum value of a {{domxref("CSSMathClamp")}} object.
 
 ## Value
 

files/en-us/web/api/cssmathclamp/upper/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.upper
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`upper`** read-only property of the
-{{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the maximum value of a {{domxref("CSSMathClamp")}} object.
+The **`upper`** read-only property of the {{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the maximum value of a {{domxref("CSSMathClamp")}} object.
 
 ## Value
 

files/en-us/web/api/cssmathclamp/value/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathClamp.value
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`value`** read-only property of the
-{{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the preferred value of a {{domxref("CSSMathClamp")}} object.
+The **`value`** read-only property of the {{domxref("CSSMathClamp")}} interface returns a {{domxref("CSSNumericValue")}} object containing the preferred value of a {{domxref("CSSMathClamp")}} object.
 
 ## Value
 

files/en-us/web/api/cssmathinvert/cssmathinvert/index.md

@@ -8,9 +8,7 @@ browser-compat: api.CSSMathInvert.CSSMathInvert
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathInvert()`** constructor creates a
-new {{domxref("CSSMathInvert")}} object which represents a CSS
-{{CSSXref('calc','calc()')}} used as `calc(1 / value)`
+The **`CSSMathInvert()`** constructor creates a new {{domxref("CSSMathInvert")}} object which represents a CSS {{CSSXref('calc','calc()')}} used as `calc(1 / value)`
 
 ## Syntax
 

files/en-us/web/api/cssmathinvert/index.md

@@ -7,7 +7,8 @@ browser-compat: api.CSSMathInvert
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathInvert`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents a CSS {{CSSXref('calc','calc()')}} used as `calc(1 / <value>)`. It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
+The **`CSSMathInvert`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents a CSS {{CSSXref('calc','calc()')}} used as `calc(1 / <value>)`.
+It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
 
 {{InheritanceDiagram}}
 

files/en-us/web/api/cssmathinvert/value/index.md

@@ -8,8 +8,7 @@ browser-compat: api.CSSMathInvert.value
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The CSSMathInvert.value read-only property of the
-{{domxref("CSSMathInvert")}} interface returns a {{domxref('CSSNumericValue')}} object.
+The CSSMathInvert.value read-only property of the {{domxref("CSSMathInvert")}} interface returns a {{domxref('CSSNumericValue')}} object.
 
 ## Value
 

files/en-us/web/api/cssmathmax/cssmathmax/index.md

@@ -10,8 +10,7 @@ browser-compat: api.CSSMathMax.CSSMathMax
 
 {{SeeCompatTable}}{{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathMax()`** constructor creates a
-new {{domxref("CSSMathMax")}} object which represents the CSS {{CSSXref('max', 'max()')}} function.
+The **`CSSMathMax()`** constructor creates a new {{domxref("CSSMathMax")}} object which represents the CSS {{CSSXref('max', 'max()')}} function.
 
 ## Syntax
 

files/en-us/web/api/cssmathmax/index.md

@@ -7,7 +7,8 @@ browser-compat: api.CSSMathMax
 
 {{APIRef("CSS Typed Object Model API")}}
 
-The **`CSSMathMax`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the CSS {{CSSXref('max','max()')}} function. It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
+The **`CSSMathMax`** interface of the [CSS Typed Object Model API](/en-US/docs/Web/API/CSS_Object_Model) represents the CSS {{CSSXref('max','max()')}} function.
+It inherits properties and methods from its parent {{domxref('CSSNumericValue')}}.
 
 {{InheritanceDiagram}}