Missing some linting
This commit was merged in pull request #4.
This commit is contained in:
@@ -1,14 +1,14 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
projects: {
|
projects: {
|
||||||
app: {
|
app: {
|
||||||
schema: ["tina/__generated__/schema.gql"],
|
schema: ["tina/__generated__/schema.gql"],
|
||||||
documents: [
|
documents: [
|
||||||
"tina/__generated__/queries.gql",
|
"tina/__generated__/queries.gql",
|
||||||
"tina/__generated__/frags.gql",
|
"tina/__generated__/frags.gql",
|
||||||
"tina/queries/queries.gql",
|
"tina/queries/queries.gql",
|
||||||
"tina/queries/frags.gql",
|
"tina/queries/frags.gql",
|
||||||
"pages/**/*.{graphql,js,ts,jsx,tsx}",
|
"pages/**/*.{graphql,js,ts,jsx,tsx}"
|
||||||
],
|
]
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,23 +1,23 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
webpack(config) {
|
webpack(config) {
|
||||||
config.module.rules.push({
|
config.module.rules.push({
|
||||||
test: /\.svg$/i,
|
test: /\.svg$/i,
|
||||||
issuer: /\.[jt]sx?$/,
|
issuer: /\.[jt]sx?$/,
|
||||||
use: ["@svgr/webpack"],
|
use: ["@svgr/webpack"]
|
||||||
});
|
});
|
||||||
|
|
||||||
return config;
|
return config;
|
||||||
},
|
},
|
||||||
async rewrites() {
|
async rewrites() {
|
||||||
return [
|
return [
|
||||||
{
|
{
|
||||||
source: "/",
|
source: "/",
|
||||||
destination: "/home",
|
destination: "/home"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
source: "/admin",
|
source: "/admin",
|
||||||
destination: "/admin/index.html",
|
destination: "/admin/index.html"
|
||||||
},
|
}
|
||||||
];
|
];
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,8 +1,8 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
plugins: {
|
plugins: {
|
||||||
"postcss-import": {},
|
"postcss-import": {},
|
||||||
"tailwindcss/nesting": {},
|
"tailwindcss/nesting": {},
|
||||||
tailwindcss: {},
|
tailwindcss: {},
|
||||||
autoprefixer: {},
|
autoprefixer: {}
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -2,228 +2,228 @@ const colors = require("tailwindcss/colors");
|
|||||||
const defaultTheme = require("tailwindcss/defaultTheme");
|
const defaultTheme = require("tailwindcss/defaultTheme");
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
mode: "jit",
|
mode: "jit",
|
||||||
purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
|
purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
|
||||||
darkMode: "class",
|
darkMode: "class",
|
||||||
theme: {
|
theme: {
|
||||||
colors: {
|
colors: {
|
||||||
transparent: "transparent",
|
transparent: "transparent",
|
||||||
current: "currentColor",
|
current: "currentColor",
|
||||||
black: colors.black,
|
black: colors.black,
|
||||||
white: colors.white,
|
white: colors.white,
|
||||||
teal: colors.cyan,
|
teal: colors.cyan,
|
||||||
green: colors.emerald,
|
green: colors.emerald,
|
||||||
red: colors.rose,
|
red: colors.rose,
|
||||||
purple: colors.purple,
|
purple: colors.purple,
|
||||||
pink: colors.pink,
|
pink: colors.pink,
|
||||||
yellow: colors.yellow,
|
yellow: colors.yellow,
|
||||||
gray: {
|
gray: {
|
||||||
50: "#F6F6F9",
|
50: "#F6F6F9",
|
||||||
100: "#EDECF3",
|
100: "#EDECF3",
|
||||||
150: "#E6E3EF",
|
150: "#E6E3EF",
|
||||||
200: "#E1DDEC",
|
200: "#E1DDEC",
|
||||||
250: "#C9C5D5",
|
250: "#C9C5D5",
|
||||||
300: "#b2adbe",
|
300: "#b2adbe",
|
||||||
400: "#918c9e",
|
400: "#918c9e",
|
||||||
500: "#716c7f",
|
500: "#716c7f",
|
||||||
600: "#565165",
|
600: "#565165",
|
||||||
700: "#433e52",
|
700: "#433e52",
|
||||||
800: "#363145",
|
800: "#363145",
|
||||||
900: "#252336",
|
900: "#252336",
|
||||||
1000: "#1c1b2e",
|
1000: "#1c1b2e"
|
||||||
},
|
},
|
||||||
blue: {
|
blue: {
|
||||||
50: "#DCEEFF",
|
50: "#DCEEFF",
|
||||||
100: "#B4DBFF",
|
100: "#B4DBFF",
|
||||||
200: "#85C5FE",
|
200: "#85C5FE",
|
||||||
300: "#4EABFE",
|
300: "#4EABFE",
|
||||||
400: "#2296fe",
|
400: "#2296fe",
|
||||||
500: "#0084FF",
|
500: "#0084FF",
|
||||||
600: "#0574e4",
|
600: "#0574e4",
|
||||||
700: "#0D5DBD",
|
700: "#0D5DBD",
|
||||||
800: "#144696",
|
800: "#144696",
|
||||||
900: "#1D2C6C",
|
900: "#1D2C6C",
|
||||||
1000: "#241748",
|
1000: "#241748"
|
||||||
},
|
},
|
||||||
orange: {
|
orange: {
|
||||||
200: "#EB7752",
|
200: "#EB7752",
|
||||||
300: "#EA6C45",
|
300: "#EA6C45",
|
||||||
400: "#E85C30",
|
400: "#E85C30",
|
||||||
500: "#EC4815",
|
500: "#EC4815",
|
||||||
600: "#DC4419",
|
600: "#DC4419",
|
||||||
700: "#D04017",
|
700: "#D04017",
|
||||||
800: "#C1360F",
|
800: "#C1360F"
|
||||||
},
|
}
|
||||||
|
},
|
||||||
|
screens: {
|
||||||
|
sm: "600px",
|
||||||
|
md: "900px",
|
||||||
|
lg: "1200px",
|
||||||
|
xl: "1500px",
|
||||||
|
"2xl": "1800px"
|
||||||
|
},
|
||||||
|
fontSize: {
|
||||||
|
xs: ".875rem",
|
||||||
|
sm: "1rem",
|
||||||
|
base: "1.125rem",
|
||||||
|
lg: "1.25rem",
|
||||||
|
xl: "1.5rem",
|
||||||
|
"2xl": "1.75rem",
|
||||||
|
"3xl": "2rem",
|
||||||
|
"4xl": "2.5rem",
|
||||||
|
"5xl": "3.25rem",
|
||||||
|
"6xl": "4rem",
|
||||||
|
"7xl": "5rem",
|
||||||
|
"8xl": "6rem"
|
||||||
|
},
|
||||||
|
borderWidth: {
|
||||||
|
DEFAULT: "3px",
|
||||||
|
0: "0",
|
||||||
|
2: "2px",
|
||||||
|
3: "3px",
|
||||||
|
4: "4px"
|
||||||
|
},
|
||||||
|
extend: {
|
||||||
|
textDecoration: ["active"],
|
||||||
|
opacity: {
|
||||||
|
7: ".075",
|
||||||
|
15: ".15"
|
||||||
|
},
|
||||||
|
maxWidth: {
|
||||||
|
"8xl": "86rem"
|
||||||
|
},
|
||||||
|
spacing: {
|
||||||
|
128: "32rem"
|
||||||
|
},
|
||||||
|
zIndex: {
|
||||||
|
"-1": "-1"
|
||||||
|
},
|
||||||
|
fontFamily: {
|
||||||
|
nunito: ["Nunito", ...defaultTheme.fontFamily.sans],
|
||||||
|
lato: ["Lato", ...defaultTheme.fontFamily.sans]
|
||||||
|
},
|
||||||
|
typography: (theme) => ({
|
||||||
|
DEFAULT: {
|
||||||
|
css: {
|
||||||
|
pre: {
|
||||||
|
color: theme("colors.gray.700"),
|
||||||
|
backgroundColor: theme("colors.gray.100"),
|
||||||
|
lineHeight: 1.5
|
||||||
|
},
|
||||||
|
code: {
|
||||||
|
backgroundColor: theme("colors.gray.100"),
|
||||||
|
padding: "0.25rem",
|
||||||
|
borderRadius: "3px",
|
||||||
|
margin: "-0.25rem 1px"
|
||||||
|
},
|
||||||
|
"code::before": {
|
||||||
|
content: "\"\""
|
||||||
|
},
|
||||||
|
"code::after": {
|
||||||
|
content: "\"\""
|
||||||
|
},
|
||||||
|
"p:first-of-type": {
|
||||||
|
fontSize: "1.125rem"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
tint: {
|
||||||
|
css: {
|
||||||
|
pre: {
|
||||||
|
color: theme("colors.gray.800"),
|
||||||
|
backgroundColor: theme("colors.gray.150")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
lg: {
|
||||||
|
css: {
|
||||||
|
pre: {
|
||||||
|
lineHeight: 1.5
|
||||||
|
},
|
||||||
|
"p:first-of-type": {
|
||||||
|
fontSize: "1.365rem"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
xl: {
|
||||||
|
css: {
|
||||||
|
pre: {
|
||||||
|
lineHeight: 1.5
|
||||||
|
},
|
||||||
|
"p:first-of-type": {
|
||||||
|
fontSize: "1.365rem"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
dark: {
|
||||||
|
css: {
|
||||||
|
color: theme("colors.gray.200"),
|
||||||
|
"[class~=\"lead\"]": { color: theme("colors.gray.400") },
|
||||||
|
a: { color: theme("colors.gray.100") },
|
||||||
|
strong: { color: theme("colors.gray.100") },
|
||||||
|
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
|
||||||
|
hr: { borderColor: theme("colors.gray.800") },
|
||||||
|
blockquote: {
|
||||||
|
color: theme("colors.gray.100"),
|
||||||
|
borderLeftColor: theme("colors.gray.800")
|
||||||
|
},
|
||||||
|
h1: { color: theme("colors.gray.100") },
|
||||||
|
h2: { color: theme("colors.gray.100") },
|
||||||
|
h3: { color: theme("colors.gray.100") },
|
||||||
|
h4: { color: theme("colors.gray.100") },
|
||||||
|
code: {
|
||||||
|
color: theme("colors.gray.100"),
|
||||||
|
backgroundColor: theme("colors.gray.1000")
|
||||||
|
},
|
||||||
|
"a code": { color: theme("colors.gray.100") },
|
||||||
|
pre: {
|
||||||
|
color: theme("colors.gray.200"),
|
||||||
|
backgroundColor: theme("colors.gray.900")
|
||||||
|
},
|
||||||
|
thead: {
|
||||||
|
color: theme("colors.gray.100"),
|
||||||
|
borderBottomColor: theme("colors.gray.700")
|
||||||
|
},
|
||||||
|
"tbody tr": { borderBottomColor: theme("colors.gray.800") }
|
||||||
|
}
|
||||||
|
},
|
||||||
|
primary: {
|
||||||
|
css: {
|
||||||
|
color: theme("colors.gray.50"),
|
||||||
|
"[class~=\"lead\"]": { color: theme("colors.gray.400") },
|
||||||
|
a: { color: theme("colors.gray.100") },
|
||||||
|
strong: { color: theme("colors.gray.100") },
|
||||||
|
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
|
||||||
|
hr: { borderColor: theme("colors.gray.800") },
|
||||||
|
blockquote: {
|
||||||
|
color: theme("colors.gray.100"),
|
||||||
|
borderLeftColor: theme("colors.gray.800")
|
||||||
|
},
|
||||||
|
h1: { color: theme("colors.gray.100") },
|
||||||
|
h2: { color: theme("colors.gray.100") },
|
||||||
|
h3: { color: theme("colors.gray.100") },
|
||||||
|
h4: { color: theme("colors.gray.100") },
|
||||||
|
code: {
|
||||||
|
color: theme("colors.gray.100"),
|
||||||
|
backgroundColor: "rgba(0,0,0,0.15)"
|
||||||
|
},
|
||||||
|
"a code": { color: theme("colors.gray.100") },
|
||||||
|
pre: {
|
||||||
|
color: theme("colors.gray.200"),
|
||||||
|
backgroundColor: "rgba(0,0,0,0.15)"
|
||||||
|
},
|
||||||
|
thead: {
|
||||||
|
color: theme("colors.gray.100"),
|
||||||
|
borderBottomColor: theme("colors.gray.700")
|
||||||
|
},
|
||||||
|
"tbody tr": { borderBottomColor: theme("colors.gray.800") }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
},
|
},
|
||||||
screens: {
|
variants: {
|
||||||
sm: "600px",
|
extend: { typography: ["tint", "dark", "primary"] }
|
||||||
md: "900px",
|
|
||||||
lg: "1200px",
|
|
||||||
xl: "1500px",
|
|
||||||
"2xl": "1800px",
|
|
||||||
},
|
},
|
||||||
fontSize: {
|
plugins: [require("@tailwindcss/typography")]
|
||||||
xs: ".875rem",
|
|
||||||
sm: "1rem",
|
|
||||||
base: "1.125rem",
|
|
||||||
lg: "1.25rem",
|
|
||||||
xl: "1.5rem",
|
|
||||||
"2xl": "1.75rem",
|
|
||||||
"3xl": "2rem",
|
|
||||||
"4xl": "2.5rem",
|
|
||||||
"5xl": "3.25rem",
|
|
||||||
"6xl": "4rem",
|
|
||||||
"7xl": "5rem",
|
|
||||||
"8xl": "6rem",
|
|
||||||
},
|
|
||||||
borderWidth: {
|
|
||||||
DEFAULT: "3px",
|
|
||||||
0: "0",
|
|
||||||
2: "2px",
|
|
||||||
3: "3px",
|
|
||||||
4: "4px",
|
|
||||||
},
|
|
||||||
extend: {
|
|
||||||
textDecoration: ["active"],
|
|
||||||
opacity: {
|
|
||||||
7: ".075",
|
|
||||||
15: ".15",
|
|
||||||
},
|
|
||||||
maxWidth: {
|
|
||||||
"8xl": "86rem",
|
|
||||||
},
|
|
||||||
spacing: {
|
|
||||||
128: "32rem",
|
|
||||||
},
|
|
||||||
zIndex: {
|
|
||||||
"-1": "-1",
|
|
||||||
},
|
|
||||||
fontFamily: {
|
|
||||||
nunito: ["Nunito", ...defaultTheme.fontFamily.sans],
|
|
||||||
lato: ["Lato", ...defaultTheme.fontFamily.sans],
|
|
||||||
},
|
|
||||||
typography: (theme) => ({
|
|
||||||
DEFAULT: {
|
|
||||||
css: {
|
|
||||||
pre: {
|
|
||||||
color: theme("colors.gray.700"),
|
|
||||||
backgroundColor: theme("colors.gray.100"),
|
|
||||||
lineHeight: 1.5,
|
|
||||||
},
|
|
||||||
code: {
|
|
||||||
backgroundColor: theme("colors.gray.100"),
|
|
||||||
padding: "0.25rem",
|
|
||||||
borderRadius: "3px",
|
|
||||||
margin: "-0.25rem 1px",
|
|
||||||
},
|
|
||||||
"code::before": {
|
|
||||||
content: '""',
|
|
||||||
},
|
|
||||||
"code::after": {
|
|
||||||
content: '""',
|
|
||||||
},
|
|
||||||
"p:first-of-type": {
|
|
||||||
fontSize: "1.125rem",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
tint: {
|
|
||||||
css: {
|
|
||||||
pre: {
|
|
||||||
color: theme("colors.gray.800"),
|
|
||||||
backgroundColor: theme("colors.gray.150"),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
lg: {
|
|
||||||
css: {
|
|
||||||
pre: {
|
|
||||||
lineHeight: 1.5,
|
|
||||||
},
|
|
||||||
"p:first-of-type": {
|
|
||||||
fontSize: "1.365rem",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
xl: {
|
|
||||||
css: {
|
|
||||||
pre: {
|
|
||||||
lineHeight: 1.5,
|
|
||||||
},
|
|
||||||
"p:first-of-type": {
|
|
||||||
fontSize: "1.365rem",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
dark: {
|
|
||||||
css: {
|
|
||||||
color: theme("colors.gray.200"),
|
|
||||||
'[class~="lead"]': { color: theme("colors.gray.400") },
|
|
||||||
a: { color: theme("colors.gray.100") },
|
|
||||||
strong: { color: theme("colors.gray.100") },
|
|
||||||
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
|
|
||||||
hr: { borderColor: theme("colors.gray.800") },
|
|
||||||
blockquote: {
|
|
||||||
color: theme("colors.gray.100"),
|
|
||||||
borderLeftColor: theme("colors.gray.800"),
|
|
||||||
},
|
|
||||||
h1: { color: theme("colors.gray.100") },
|
|
||||||
h2: { color: theme("colors.gray.100") },
|
|
||||||
h3: { color: theme("colors.gray.100") },
|
|
||||||
h4: { color: theme("colors.gray.100") },
|
|
||||||
code: {
|
|
||||||
color: theme("colors.gray.100"),
|
|
||||||
backgroundColor: theme("colors.gray.1000"),
|
|
||||||
},
|
|
||||||
"a code": { color: theme("colors.gray.100") },
|
|
||||||
pre: {
|
|
||||||
color: theme("colors.gray.200"),
|
|
||||||
backgroundColor: theme("colors.gray.900"),
|
|
||||||
},
|
|
||||||
thead: {
|
|
||||||
color: theme("colors.gray.100"),
|
|
||||||
borderBottomColor: theme("colors.gray.700"),
|
|
||||||
},
|
|
||||||
"tbody tr": { borderBottomColor: theme("colors.gray.800") },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
primary: {
|
|
||||||
css: {
|
|
||||||
color: theme("colors.gray.50"),
|
|
||||||
'[class~="lead"]': { color: theme("colors.gray.400") },
|
|
||||||
a: { color: theme("colors.gray.100") },
|
|
||||||
strong: { color: theme("colors.gray.100") },
|
|
||||||
"ul > li::before": { backgroundColor: theme("colors.gray.700") },
|
|
||||||
hr: { borderColor: theme("colors.gray.800") },
|
|
||||||
blockquote: {
|
|
||||||
color: theme("colors.gray.100"),
|
|
||||||
borderLeftColor: theme("colors.gray.800"),
|
|
||||||
},
|
|
||||||
h1: { color: theme("colors.gray.100") },
|
|
||||||
h2: { color: theme("colors.gray.100") },
|
|
||||||
h3: { color: theme("colors.gray.100") },
|
|
||||||
h4: { color: theme("colors.gray.100") },
|
|
||||||
code: {
|
|
||||||
color: theme("colors.gray.100"),
|
|
||||||
backgroundColor: "rgba(0,0,0,0.15)",
|
|
||||||
},
|
|
||||||
"a code": { color: theme("colors.gray.100") },
|
|
||||||
pre: {
|
|
||||||
color: theme("colors.gray.200"),
|
|
||||||
backgroundColor: "rgba(0,0,0,0.15)",
|
|
||||||
},
|
|
||||||
thead: {
|
|
||||||
color: theme("colors.gray.100"),
|
|
||||||
borderBottomColor: theme("colors.gray.700"),
|
|
||||||
},
|
|
||||||
"tbody tr": { borderBottomColor: theme("colors.gray.800") },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
},
|
|
||||||
},
|
|
||||||
variants: {
|
|
||||||
extend: { typography: ["tint", "dark", "primary"] },
|
|
||||||
},
|
|
||||||
plugins: [require("@tailwindcss/typography")],
|
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user