destyle-ts
Version:
Style reset for typescript. Converted desyle.css to style object.
266 lines (265 loc) • 6.25 kB
TypeScript
declare const _default: {
'*, ::before, ::after': {
boxSizing: string;
borderStyle: string;
borderWidth: number;
};
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/
html: {
lineHeight: number;
WebkitTextSizeAdjust: string;
WebkitTapHighlightColor: string;
};
/**
* Remove the margin in all browsers.
*/
body: {
margin: number;
};
/**
* Render the `main` element consistently in IE.
*/
main: {
display: string;
};
'p, table, blockquote, address, pre, iframe, form, figure, dl': {
margin: number;
};
'h1, h2, h3, h4, h5, h6': {
fontSize: string;
fontWeight: string;
margin: string;
};
'ul, ol': {
margin: string;
padding: string;
listStyle: string;
};
dt: {
fontWeight: string;
};
dd: {
marginLeft: string;
};
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr: {
boxSizing: string;
height: string;
overflow: string;
borderTopWidth: string;
margin: string;
clear: string;
color: 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;
};
address: {
fontStyle: string;
};
/**
* Remove the gray background on active links in IE 10.
*/
a: {
backgroundColor: string;
textDecoration: string;
color: string;
};
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
'abbr[title]': {
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;
};
'sub, sup': {
fontSize: string;
lineHeight: number;
position: string;
verticalAlign: string;
};
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub: {
bottom: string;
};
sup: {
top: string;
};
/**
* Prevent vertical alignment issues.
*/
'svg, img, embed, object, iframe': {
verticalAlign: string;
};
/**
* Reset form fields to make them styleable.
* 1. Make form elements stylable across systems iOS especially.
* 2. Inherit text-transform from parent.
*/
'button, input, optgroup, select, textarea': {
WebkitAppearance: string;
appearance: string;
verticalAlign: string;
color: string;
font: string;
background: string;
padding: string;
margin: string;
borderRadius: string;
textAlign: string;
textTransform: string;
};
/**
* Reset radio and checkbox appearance to preserve their look in iOS.
*/
'[type="checkbox"]': {
WebkitAppearance: string;
appearance: string;
};
'[type="radio"]': {
WebkitAppearance: string;
appearance: string;
};
/**
* Correct cursors for clickable elements.
*/
'button, [type="button"], [type="reset"], [type="submit"]': {
cursor: string;
};
'button:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled': {
cursor: string;
};
/**
* Improve outlines for Firefox and unify style with input elements & buttons.
*/
':-moz-focusring': {
outline: string;
};
'select:disabled': {
opacity: string;
};
/**
* Remove padding
*/
option: {
padding: string;
};
/**
* Reset to invisible
*/
fieldset: {
margin: string;
padding: string;
minWidth: string;
};
legend: {
padding: 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;
};
/**
* 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 outline style in Safari.
*/
'[type="search"]': {
outlineOffset: string;
};
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
'[type="search"]::-webkit-search-decoration': {
WebkitAppearance: string;
};
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Fix font inheritance.
*/
'::-webkit-file-upload-button': {
WebkitAppearance: string;
font: string;
};
/**
* Clickable labels
*/
'label[for]': {
cursor: string;
};
details: {
display: string;
};
summary: {
display: string;
};
'[contenteditable]:focus': {
outline: string;
};
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table: {
borderColor: string;
borderCollapse: string;
};
caption: {
textAlign: string;
};
'td, th': {
verticalAlign: string;
padding: string;
};
th: {
textAlign: string;
fontWeight: string;
};
};
export default _default;