271 lines
11 KiB
TypeScript
271 lines
11 KiB
TypeScript
|
import { StandardCSSProperties } from './StandardCssProperties';
|
||
|
|
|
||
|
|
export interface AliasesCSSProperties {
|
||
|
|
/**
|
||
|
|
* The **`background-color`** CSS property sets the background color of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `transparent`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/background-color
|
||
|
|
*/
|
||
|
|
bgcolor?: StandardCSSProperties['backgroundColor'];
|
||
|
|
/**
|
||
|
|
* The **`margin`** CSS property sets the margin on all four sides of an element. It is a shorthand for `margin-top`, `margin-right`, `margin-bottom`, and `margin-left`.
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin
|
||
|
|
*/
|
||
|
|
m?: StandardCSSProperties['margin'];
|
||
|
|
/**
|
||
|
|
* The **`margin-top`** CSS property sets the margin on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-top
|
||
|
|
*/
|
||
|
|
mt?: StandardCSSProperties['marginTop'];
|
||
|
|
/**
|
||
|
|
* The **`margin-right`** CSS property sets the margin on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-right
|
||
|
|
*/
|
||
|
|
mr?: StandardCSSProperties['marginRight'];
|
||
|
|
/**
|
||
|
|
* The **`margin-bottom`** CSS property sets the margin on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
|
||
|
|
*/
|
||
|
|
mb?: StandardCSSProperties['marginBottom'];
|
||
|
|
/**
|
||
|
|
* The **`margin-left`** CSS property sets the margin on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-left
|
||
|
|
*/
|
||
|
|
ml?: StandardCSSProperties['marginLeft'];
|
||
|
|
/**
|
||
|
|
* The **`mx`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value places it
|
||
|
|
* farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-left
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-right
|
||
|
|
*/
|
||
|
|
mx?: StandardCSSProperties['marginLeft'];
|
||
|
|
/**
|
||
|
|
* The **`marginX`** property is shorthand for using both **`margin-left`** and **`margin-right`** CSS properties. They set the margin on the left and right side of an element. A positive value
|
||
|
|
* places it farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-left
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-right
|
||
|
|
*/
|
||
|
|
marginX?: StandardCSSProperties['marginLeft'];
|
||
|
|
/**
|
||
|
|
* The **`my`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places it
|
||
|
|
* farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-top
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
|
||
|
|
*/
|
||
|
|
my?: StandardCSSProperties['marginTop'];
|
||
|
|
/**
|
||
|
|
* The **`marginY`** property is shorthand for using both **`margin-top`** and **`margin-bottom`** CSS properties. They set the margin on the top and bottom of an element. A positive value places
|
||
|
|
* it farther from its neighbors, while a negative value places it closer.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **3** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-top
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/margin-bottom
|
||
|
|
*/
|
||
|
|
marginY?: StandardCSSProperties['marginTop'];
|
||
|
|
/**
|
||
|
|
* The **`padding`** CSS property sets the padding on all four sides of an element. It is a shorthand for `padding-top`, `padding-right`, `padding-bottom`, and `padding-left`.
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding
|
||
|
|
*/
|
||
|
|
p?: StandardCSSProperties['padding'];
|
||
|
|
/**
|
||
|
|
* The **`padding-top`** CSS property sets the height of the padding at the top of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-top
|
||
|
|
*/
|
||
|
|
pt?: StandardCSSProperties['paddingTop'];
|
||
|
|
/**
|
||
|
|
* The **`padding-right`** CSS property sets the width of the padding at the right side of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-right
|
||
|
|
*/
|
||
|
|
pr?: StandardCSSProperties['paddingRight'];
|
||
|
|
/**
|
||
|
|
* The **`padding-bottom`** CSS property sets the height of the padding on the bottom of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
|
||
|
|
*/
|
||
|
|
pb?: StandardCSSProperties['paddingBottom'];
|
||
|
|
/**
|
||
|
|
* The **`padding-left`** CSS property sets the width of the padding at the left side of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-left
|
||
|
|
*/
|
||
|
|
pl?: StandardCSSProperties['paddingLeft'];
|
||
|
|
/**
|
||
|
|
* The **`px`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right side of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-left
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-right
|
||
|
|
*/
|
||
|
|
px?: StandardCSSProperties['paddingLeft'];
|
||
|
|
/**
|
||
|
|
* The **`paddingX`** property is shorthand for the CSS properties **`padding-left`** and **`padding-right`**. They set the width of the padding at the left and right sides of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-left
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-right
|
||
|
|
*/
|
||
|
|
paddingX?: StandardCSSProperties['paddingLeft'];
|
||
|
|
/**
|
||
|
|
* The **`py`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-top
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
|
||
|
|
*/
|
||
|
|
py?: StandardCSSProperties['paddingTop'];
|
||
|
|
/**
|
||
|
|
* The **`paddingY`** property is shorthand for the CSS properties **`padding-top`** and **`padding-bottom`**. They set the width of the padding at the top and bottom of an element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-top
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/padding-bottom
|
||
|
|
*/
|
||
|
|
paddingY?: StandardCSSProperties['paddingTop'];
|
||
|
|
/**
|
||
|
|
* The **`typography`** property is shorthand for the CSS properties **`font-family`**, **`font-weight`**, **`font-size`**, **`line-height`**, **`letter-spacing`** and **`text-transform``**.
|
||
|
|
* It takes the values defined under `theme.typography` and spreads them on the element.
|
||
|
|
*
|
||
|
|
* **Initial value**: `0`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **2** | **1** | **1** | **12** | **5.5** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/font-family
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/font-weight
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/font-size
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/line-height
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/letter-spacing
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/text-transform
|
||
|
|
*/
|
||
|
|
typography?: string;
|
||
|
|
/**
|
||
|
|
* The **`displayPrint`** property sets the display value for the element when the page is printed.
|
||
|
|
*
|
||
|
|
* **Initial value**: `inline`
|
||
|
|
*
|
||
|
|
* | Chrome | Firefox | Safari | Edge | IE |
|
||
|
|
* | :----: | :-----: | :----: | :----: | :---: |
|
||
|
|
* | **1** | **1** | **1** | **12** | **4** |
|
||
|
|
*
|
||
|
|
* @see https://developer.mozilla.org/docs/Web/CSS/display
|
||
|
|
*/
|
||
|
|
displayPrint?: StandardCSSProperties['display'];
|
||
|
|
}
|