mirror of
https://github.com/protomaps/PMTiles.git
synced 2026-02-04 19:01:08 +00:00
prettier formatting for app/
This commit is contained in:
@@ -1,60 +1,64 @@
|
||||
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: {},
|
||||
},
|
||||
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,
|
||||
},
|
||||
body: { backgroundColor: "$black", color: "$white", fontFamily: "sans-serif" }
|
||||
"*": {
|
||||
margin: 0,
|
||||
padding: 0,
|
||||
border: 0,
|
||||
},
|
||||
body: {
|
||||
backgroundColor: "$black",
|
||||
color: "$white",
|
||||
fontFamily: "sans-serif",
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user