@codesandbox/sandpack-react
Version:
<img style="width:100%" src="https://user-images.githubusercontent.com/4838076/143581035-ebee5ba2-9cb1-4fe8-a05b-2f44bd69bb4b.gif" alt="Component toolkit for live running code editing experiences" />
61 lines (60 loc) • 1.88 kB
TypeScript
export declare const placeholderClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
margin: string;
display: string;
fontFamily: string;
fontSize: string;
color: string;
lineHeight: string;
}>;
export declare const tokensClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, Record<string, string>>;
export declare const editorClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
[x: string]: string | number | {
padding: string;
"@supports (-webkit-overflow-scrolling: touch)"?: undefined;
} | {
"@supports (-webkit-overflow-scrolling: touch)": {
".cm-content": {
fontSize: string;
};
};
padding?: undefined;
};
flex: number;
position: string;
overflow: string;
background: string;
".cm-scroller": {
padding: string;
};
/**
* For iOS: prevent browser zoom when clicking on sandbox.
* Does NOT apply to code blocks.
*/
"@media screen and (max-width: 768px)": {
"@supports (-webkit-overflow-scrolling: touch)": {
".cm-content": {
fontSize: string;
};
};
};
}>;
export declare const cmClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
margin: string;
outline: string;
height: string;
}>;
export declare const readOnlyClassName: import("@stitches/core/types/styled-component").CssComponent<never, {}, {}, {
[x: string]: string | {
right: string;
};
fontFamily: string;
fontSize: string;
position: string;
right: string;
bottom: string;
zIndex: string;
color: string;
backgroundColor: string;
borderRadius: string;
padding: string;
}>;