normalize-stitches
Version:
CSS-in-JS implementation of normalize.css for Stitches
258 lines (257 loc) • 6.46 kB
TypeScript
/**
* CSS to normalize abnormalities across browsers (normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css)
* @example
* ```ts
* import { global } from '@stitches/react';
* import { normalize } from 'normalize-stitches';
*
* const globalStyles = global({
* ...normalize,
* // Other custom global styling
* });
*
* () => {
* globalStyles();
* return <div />
* }
*
* ```
*/
export declare const normalize: {
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html: {
lineHeight: number;
textSizeAdjust: string;
};
/**
* Remove the margin in all browsers.
*/
body: {
margin: number;
};
/**
* Render the `main` element consistently in IE.
*/
main: {
display: string;
};
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1: {
fontSize: string;
margin: string;
};
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr: {
boxSizing: string;
height: number;
overflow: string;
};
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre: {
fontFamily: string;
fontSize: string;
};
/**
* Remove the gray background on active links in IE 10.
*/
a: {
backgroundColor: string;
};
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
'abbr[title]': {
borderBottom: string;
textDecoration: string;
};
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
'b, strong': {
fontWeight: string;
};
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
'code, kbd, samp': {
fontFamily: string;
fontSize: string;
};
/**
* Add the correct font size in all browsers.
*/
small: {
fontSize: string;
};
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
'sub, sup': {
fontSize: string;
lineHeight: number;
position: string;
verticalAlign: string;
};
sub: {
bottom: string;
};
sup: {
top: string;
};
/**
* Remove the border on images inside links in IE 10.
*/
img: {
borderStyle: string;
};
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
'button, input, optgroup, select, textarea': {
fontFamily: string;
fontSize: string;
lineHeight: number;
margin: number;
};
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
'button,input': {
overflow: string;
};
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
'button, select': {
textTransform: string;
};
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
'button, [type="button"], [type="reset"], [type="submit"]': {
appearance: string;
};
/**
* Remove the inner border and padding in Firefox.
*/
'button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner': {
borderStyle: string;
padding: number;
};
/**
* Restore the focus styles unset by the previous rule.
*/
'button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring': {
outline: string;
};
/**
* Correct the padding in Firefox.
*/
fieldset: {
padding: string;
};
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend: {
boxSizing: string;
color: string;
display: string;
maxWidth: string;
padding: number;
whiteSpace: string;
};
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress: {
verticalAlign: string;
};
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea: {
overflow: string;
};
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
'[type="checkbox"],[type="radio"]': {
boxSizing: string;
padding: number;
};
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
'[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button': {
height: string;
};
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
'[type="search"]': {
appearance: string;
outlineOffset: string;
};
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
'[type="search"]::-webkit-search-decoration': {
appearance: string;
};
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
'::-webkit-file-upload-button': {
appearance: string;
font: string;
};
/**
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details: {
display: string;
};
/**
* Add the correct display in all browsers.
*/
summary: {
display: string;
};
/**
* Add the correct display in IE 10+.
*/
template: {
display: string;
};
/**
* Add the correct display in IE 10.
*/
'[hidden]': {
display: string;
};
};