mancha
Version:
Javscript HTML rendering engine
902 lines (901 loc) • 18 kB
TypeScript
export declare const MEDIA_BREAKPOINTS: {
sm: number;
md: number;
lg: number;
xl: number;
};
export declare const REM_UNIT = 0.25;
export declare const UNITS_ALL: number[];
export declare const PERCENTS: number[];
export declare const COLOR_OPACITY_MODIFIERS: number[];
export declare const DURATIONS: number[];
export declare const PROPS_SPACING: {
margin: string;
padding: string;
};
export declare const PROPS_SIZING: {
width: string;
height: string;
};
export declare const PROPS_POSITION: {
top: string;
right: string;
bottom: string;
left: string;
};
export declare const PROPS_SIZING_MINMAX: {
"min-width": string;
"min-height": string;
"max-width": string;
"max-height": string;
};
export declare const PROPS_CUSTOM: {
"font-mono": {
"font-family": string;
};
"font-sans": {
"font-family": string;
};
"font-serif": {
"font-family": string;
};
"font-cursive": {
"font-family": string;
};
"text-xs": {
"font-size": string;
"line-height": string;
};
"text-sm": {
"font-size": string;
"line-height": string;
};
"text-base": {
"font-size": string;
"line-height": string;
};
"text-lg": {
"font-size": string;
"line-height": string;
};
"text-xl": {
"font-size": string;
"line-height": string;
};
"text-2xl": {
"font-size": string;
"line-height": string;
};
"text-3xl": {
"font-size": string;
"line-height": string;
};
"text-4xl": {
"font-size": string;
"line-height": string;
};
"text-5xl": {
"font-size": string;
"line-height": string;
};
"text-6xl": {
"font-size": string;
"line-height": string;
};
"text-7xl": {
"font-size": string;
"line-height": string;
};
"font-thin": {
"font-weight": number;
};
"font-extralight": {
"font-weight": number;
};
"font-light": {
"font-weight": number;
};
"font-normal": {
"font-weight": number;
};
"font-medium": {
"font-weight": number;
};
"font-semibold": {
"font-weight": number;
};
"font-bold": {
"font-weight": number;
};
"font-extrabold": {
"font-weight": number;
};
"font-black": {
"font-weight": number;
};
italic: {
"font-style": string;
};
"not-italic": {
"font-style": string;
};
"w-max": {
width: string;
};
"w-min": {
width: string;
};
"w-fit": {
width: string;
};
"h-max": {
height: string;
};
"h-min": {
height: string;
};
"h-fit": {
height: string;
};
"size-auto": {
width: string;
height: string;
};
"size-px": {
width: string;
height: string;
};
"size-full": {
width: string;
height: string;
};
"size-dvw": {
width: string;
height: string;
};
"size-dvh": {
width: string;
height: string;
};
"size-lvw": {
width: string;
height: string;
};
"size-lvh": {
width: string;
height: string;
};
"size-svw": {
width: string;
height: string;
};
"size-svh": {
width: string;
height: string;
};
"size-min": {
width: string;
height: string;
};
"size-max": {
width: string;
height: string;
};
"size-fit": {
width: string;
height: string;
};
"tracking-tighter": {
"letter-spacing": string;
};
"tracking-tight": {
"letter-spacing": string;
};
"tracking-normal": {
"letter-spacing": string;
};
"tracking-wide": {
"letter-spacing": string;
};
"tracking-wider": {
"letter-spacing": string;
};
"tracking-widest": {
"letter-spacing": string;
};
"leading-none": {
"line-height": string;
};
"leading-tight": {
"line-height": string;
};
"leading-snug": {
"line-height": string;
};
"leading-normal": {
"line-height": string;
};
"leading-relaxed": {
"line-height": string;
};
"leading-loose": {
"line-height": string;
};
"text-left": {
"text-align": string;
};
"text-right": {
"text-align": string;
};
"text-center": {
"text-align": string;
};
"text-justify": {
"text-align": string;
};
underline: {
"text-decoration": string;
};
"no-underline": {
"text-decoration": string;
};
"decoration-none": {
"text-decoration": string;
};
"line-through": {
"text-decoration": string;
};
uppercase: {
"text-transform": string;
};
lowercase: {
"text-transform": string;
};
capitalize: {
"text-transform": string;
};
truncate: {
"white-space": string;
overflow: string;
"text-overflow": string;
};
"text-elipsis": {
"text-overflow": string;
};
"text-clip": {
"text-overflow": string;
};
"text-wrap": {
"text-wrap": string;
};
"text-nowrap": {
"text-wrap": string;
};
"text-balance": {
"text-wrap": string;
};
"text-pretty": {
"text-wrap": string;
};
"whitespace-normal": {
"white-space": string;
};
"whitespace-nowrap": {
"white-space": string;
};
"whitespace-pre": {
"white-space": string;
};
"whitespace-pre-line": {
"white-space": string;
};
"whitespace-pre-wrap": {
"white-space": string;
};
"whitespace-break-spaces": {
"white-space": string;
};
relative: {
position: string;
};
fixed: {
position: string;
};
absolute: {
position: string;
};
sticky: {
position: string;
};
"object-contain": {
"object-fit": string;
};
"object-cover": {
"object-fit": string;
};
"object-fill": {
"object-fit": string;
};
"object-none": {
"object-fit": string;
};
block: {
display: string;
};
contents: {
display: string;
};
hidden: {
display: string;
};
inline: {
display: string;
};
"inline-block": {
display: string;
};
visible: {
visibility: string;
};
invisible: {
visibility: string;
};
collapse: {
visibility: string;
};
"list-none": {
"list-style-type": string;
};
"list-disc": {
"list-style-type": string;
};
"list-decimal": {
"list-style-type": string;
};
flex: {
display: string;
};
grid: {
display: string;
};
"flex-1": {
flex: string;
};
"flex-inline": {
display: string;
};
"flex-row": {
"flex-direction": string;
};
"flex-col": {
"flex-direction": string;
};
"flex-row-reverse": {
"flex-direction": string;
};
"flex-col-reverse": {
"flex-direction": string;
};
"flex-wrap": {
"flex-wrap": string;
};
"flex-wrap-reverse": {
"flex-wrap": string;
};
"flex-nowrap": {
"flex-wrap": string;
};
"justify-start": {
"justify-content": string;
};
"justify-end": {
"justify-content": string;
};
"justify-center": {
"justify-content": string;
};
"justify-between": {
"justify-content": string;
};
"justify-around": {
"justify-content": string;
};
"justify-evenly": {
"justify-content": string;
};
"justify-stretch": {
"justify-content": string;
};
"items-start": {
"align-items": string;
};
"items-end": {
"align-items": string;
};
"items-center": {
"align-items": string;
};
"items-stretch": {
"align-items": string;
};
"flex-grow": {
"flex-grow": number;
};
"flex-shrink": {
"flex-shrink": number;
};
"align-baseline": {
"vertical-align": string;
};
"align-top": {
"vertical-align": string;
};
"align-middle": {
"vertical-align": string;
};
"align-bottom": {
"vertical-align": string;
};
"align-text-top": {
"vertical-align": string;
};
"align-text-bottom": {
"vertical-align": string;
};
"overflow-auto": {
overflow: string;
};
"overflow-x-auto": {
"overflow-x": string;
};
"overflow-y-auto": {
"overflow-y": string;
};
"overflow-hidden": {
overflow: string;
};
"overflow-x-hidden": {
"overflow-x": string;
};
"overflow-y-hidden": {
"overflow-y": string;
};
"overflow-visible": {
overflow: string;
};
"overscroll-auto": {
"overscroll-behavior": string;
};
"overscroll-contain": {
"overscroll-behavior": string;
};
"overscroll-none": {
"overscroll-behavior": string;
};
"overscroll-x-auto": {
"overscroll-behavior-x": string;
};
"overscroll-x-contain": {
"overscroll-behavior-x": string;
};
"overscroll-x-none": {
"overscroll-behavior-x": string;
};
"overscroll-y-auto": {
"overscroll-behavior-y": string;
};
"overscroll-y-contain": {
"overscroll-behavior-y": string;
};
"overscroll-y-none": {
"overscroll-behavior-y": string;
};
"z-auto": {
"z-index": string;
};
"cursor-pointer": {
cursor: string;
};
"cursor-wait": {
cursor: string;
};
"cursor-not-allowed": {
cursor: string;
};
"select-none": {
"user-select": string;
};
"select-all": {
"user-select": string;
};
"pointer-events-auto": {
"pointer-events": string;
};
"pointer-events-none": {
"pointer-events": string;
};
"box-border": {
"box-sizing": string;
};
"box-content": {
"box-sizing": string;
};
resize: {
resize: string;
};
"resize-x": {
resize: string;
};
"resize-y": {
resize: string;
};
"resize-none": {
resize: string;
};
"appearance-none": {
appearance: string;
"-webkit-appearance": string;
"-moz-appearance": string;
};
border: {
border: string;
};
"border-none": {
border: string;
};
"border-solid": {
"border-style": string;
};
"border-dashed": {
"border-style": string;
};
"border-dotted": {
"border-style": string;
};
"border-collapse": {
"border-collapse": string;
};
"rounded-none": {
"border-radius": string;
};
rounded: {
"border-radius": string;
};
"rounded-sm": {
"border-radius": string;
};
"rounded-md": {
"border-radius": string;
};
"rounded-lg": {
"border-radius": string;
};
"rounded-xl": {
"border-radius": string;
};
"rounded-full": {
"border-radius": string;
};
"shadow-2xs": {
"box-shadow": string;
};
"shadow-xs": {
"box-shadow": string;
};
shadow: {
"box-shadow": string;
};
"shadow-sm": {
"box-shadow": string;
};
"shadow-md": {
"box-shadow": string;
};
"shadow-lg": {
"box-shadow": string;
};
"shadow-xl": {
"box-shadow": string;
};
"shadow-2xl": {
"box-shadow": string;
};
"shadow-inner": {
"box-shadow": string;
};
"shadow-none": {
"box-shadow": string;
};
ring: {
"box-shadow": string;
};
"ring-0": {
"box-shadow": string;
};
"ring-1": {
"box-shadow": string;
};
"ring-2": {
"box-shadow": string;
};
"ring-4": {
"box-shadow": string;
};
"ring-8": {
"box-shadow": string;
};
"ring-inset": {
"--ring-inset": string;
};
outline: {
"outline-style": string;
};
"outline-none": {
outline: string;
"outline-offset": string;
};
"outline-dashed": {
"outline-style": string;
};
"outline-dotted": {
"outline-style": string;
};
"outline-double": {
"outline-style": string;
};
"outline-0": {
"outline-width": string;
};
"outline-1": {
"outline-width": string;
};
"outline-2": {
"outline-width": string;
};
"outline-4": {
"outline-width": string;
};
"outline-8": {
"outline-width": string;
};
"outline-offset-0": {
"outline-offset": string;
};
"outline-offset-1": {
"outline-offset": string;
};
"outline-offset-2": {
"outline-offset": string;
};
"outline-offset-4": {
"outline-offset": string;
};
"outline-offset-8": {
"outline-offset": string;
};
"aspect-auto": {
"aspect-ratio": string;
};
"aspect-square": {
"aspect-ratio": string;
};
"aspect-video": {
"aspect-ratio": string;
};
"backdrop-blur-none": {
"backdrop-filter": string;
};
"backdrop-blur-sm": {
"backdrop-filter": string;
};
"backdrop-blur": {
"backdrop-filter": string;
};
"backdrop-blur-md": {
"backdrop-filter": string;
};
"backdrop-blur-lg": {
"backdrop-filter": string;
};
"backdrop-blur-xl": {
"backdrop-filter": string;
};
"backdrop-blur-2xl": {
"backdrop-filter": string;
};
"backdrop-blur-3xl": {
"backdrop-filter": string;
};
"transition-none": {
transition: string;
};
transition: {
"transition-property": string;
"transition-timing-function": string;
"transition-duration": string;
};
"animate-none": {
animation: string;
};
"animate-spin": {
animation: string;
};
"animate-ping": {
animation: string;
};
"animate-pulse": {
animation: string;
};
"bg-auto": {
"background-size": string;
};
"bg-cover": {
"background-size": string;
};
"bg-contain": {
"background-size": string;
};
"bg-no-repeat": {
"background-repeat": string;
};
"bg-fixed": {
"background-attachment": string;
};
"bg-local": {
"background-attachment": string;
};
"bg-scroll": {
"background-attachment": string;
};
"min-h-screen": {
"min-height": string;
};
"max-h-screen": {
"max-height": string;
};
"min-w-screen": {
"min-width": string;
};
"h-dvh": {
height: string;
};
"h-svh": {
height: string;
};
"h-lvh": {
height: string;
};
"w-dvw": {
width: string;
};
"w-svw": {
width: string;
};
"w-lvw": {
width: string;
};
"min-h-dvh": {
"min-height": string;
};
"min-h-svh": {
"min-height": string;
};
"min-h-lvh": {
"min-height": string;
};
"flex-none": {
flex: string;
};
"flex-auto": {
flex: string;
};
"flex-initial": {
flex: string;
};
grow: {
"flex-grow": string;
};
"grow-0": {
"flex-grow": string;
};
shrink: {
"flex-shrink": string;
};
"shrink-0": {
"flex-shrink": string;
};
"self-auto": {
"align-self": string;
};
"self-start": {
"align-self": string;
};
"self-end": {
"align-self": string;
};
"self-center": {
"align-self": string;
};
"self-stretch": {
"align-self": string;
};
"self-baseline": {
"align-self": string;
};
"content-normal": {
"align-content": string;
};
"content-start": {
"align-content": string;
};
"content-end": {
"align-content": string;
};
"content-center": {
"align-content": string;
};
"content-between": {
"align-content": string;
};
"content-around": {
"align-content": string;
};
"content-evenly": {
"align-content": string;
};
"content-stretch": {
"align-content": string;
};
"items-baseline": {
"align-items": string;
};
"inset-0": {
inset: string;
};
"inset-auto": {
inset: string;
};
"inset-x-0": {
left: string;
right: string;
};
"inset-y-0": {
top: string;
bottom: string;
};
"inset-x-auto": {
left: string;
right: string;
};
"inset-y-auto": {
top: string;
bottom: string;
};
"sr-only": {
position: string;
width: string;
height: string;
padding: string;
margin: string;
overflow: string;
clip: string;
"white-space": string;
"border-width": string;
};
"not-sr-only": {
position: string;
width: string;
height: string;
padding: string;
margin: string;
overflow: string;
clip: string;
"white-space": string;
};
};
export declare const PROPS_COLORS: {
[key: string]: {
[key: number]: string;
};
};
export default function rules(): string;