mirror of
https://github.com/protomaps/PMTiles.git
synced 2026-02-04 10:51:07 +00:00
63 lines
1.0 KiB
TypeScript
63 lines
1.0 KiB
TypeScript
import { createStitches, globalCss } from "@stitches/react";
|
|
|
|
export const { styled } = createStitches({
|
|
theme: {
|
|
colors: {
|
|
black: "rgba(0, 0, 0)",
|
|
white: "rgba(236, 237, 238)",
|
|
hover: "#7180B9",
|
|
primary: "#3423A6",
|
|
primaryText: "white"
|
|
},
|
|
fonts: {
|
|
sans: "Inter, sans-serif",
|
|
},
|
|
fontSizes: {
|
|
1: "12px",
|
|
2: "14px",
|
|
3: "16px",
|
|
4: "20px",
|
|
5: "24px",
|
|
6: "32px",
|
|
},
|
|
space: {
|
|
1: "10px",
|
|
2: "20px",
|
|
3: "40px",
|
|
},
|
|
sizes: {
|
|
1: "4px",
|
|
2: "8px",
|
|
3: "16px",
|
|
4: "32px",
|
|
5: "64px",
|
|
6: "128px",
|
|
},
|
|
radii: {
|
|
1: "2px",
|
|
2: "4px",
|
|
3: "8px",
|
|
round: "9999px",
|
|
},
|
|
fontWeights: {},
|
|
lineHeights: {},
|
|
letterSpacings: {},
|
|
borderWidths: {},
|
|
borderStyles: {},
|
|
shadows: {},
|
|
zIndices: {},
|
|
transitions: {},
|
|
},
|
|
});
|
|
|
|
export const globalStyles = globalCss({
|
|
"*": {
|
|
margin: 0,
|
|
padding: 0,
|
|
border: 0,
|
|
fontFamily: "Inter, sans-serif",
|
|
},
|
|
body: { backgroundColor: "$black", color: "$white" },
|
|
"@import": ["url('https://rsms.me/inter/inter.css')"],
|
|
});
|