@puzzleitc/puzzle-shell
Version:
The standard design for Puzzle tools
42 lines (41 loc) • 1.26 kB
TypeScript
import { CSSResult } from "lit";
/**
* Roboto: Regular 400, Regular 400 italic, Medium 500, Medium 500 italic
* Roboto Mono: Regular 400, Medium 500
*/
import "@fontsource/roboto-mono/400.css";
import "@fontsource/roboto-mono/500.css";
import "@fontsource/roboto/400-italic.css";
import "@fontsource/roboto/400.css";
import "@fontsource/roboto/500-italic.css";
import "@fontsource/roboto/500.css";
export declare function getBreakpoint(): number;
/**
* Styles to be used in encapulated shadow DOM context – provides
* custom properties and does basic CSS reset.
*
* For media queries, you can use the additional `breakpoint` property
* on the returned object to get mobile-first desktop breakpoint
* (default 800px). The breakpoint can be customized by setting
* `window.pzshBreakpoint = 1024;`.
*
* Usage example:
*
* static styles = [
* theme,
* css`
* // Mobile first styles go here...
*
* @media (min-width: ${theme.breakpoint}) {
* // Desktop styles go here...
* }
* `
* ];
*/
export declare const theme: CSSResult & {
breakpoint: number;
};
/**
* Register CSS in light DOM, e.g. to style slot children
*/
export declare function registerLightDomStyles(styles: CSSResult): void;