1
Fork 0
This repository has been archived on 2024-10-07. You can view files and clone it, but cannot push or open issues or pull requests.
tic-tac-toe/tailwind.config.js

100 lines
1.9 KiB
JavaScript
Raw Permalink Normal View History

2024-06-01 05:48:26 +00:00
import plugin from "tailwindcss/plugin";
const innerShadowPlugin = plugin(function ({ addUtilities, theme, e }) {
const spacing = {
1: "0.25rem",
2: "0.5rem",
};
2024-06-03 17:11:30 +00:00
const utilities = {};
const colors = theme("colors");
for (const colorKey in colors) {
if (typeof colors[colorKey] != "object") {
continue;
}
2024-06-01 05:48:26 +00:00
const colorValue = colors[colorKey];
2024-06-03 17:11:30 +00:00
const color = colorValue["900"];
2024-06-01 05:48:26 +00:00
2024-06-03 17:11:30 +00:00
for (const spacingKey in spacing) {
2024-06-01 05:48:26 +00:00
const spacingValue = spacing[spacingKey];
2024-06-03 17:11:30 +00:00
utilities[`.${e(`inner-shadow-${spacingKey}-${colorKey}`)}`] = {
"box-shadow": `inset 0 -${spacingValue} ${color}`,
2024-06-01 05:48:26 +00:00
};
2024-06-03 17:11:30 +00:00
}
}
2024-06-01 05:48:26 +00:00
addUtilities(utilities);
});
2024-05-31 14:12:54 +00:00
export default {
content: ["./index.html", "./src/**/*.jsx"],
theme: {
2024-05-31 20:33:38 +00:00
colors: {
2024-06-01 19:22:27 +00:00
black: "#000",
2024-06-03 17:11:30 +00:00
navy: {
400: "#1F3641",
700: "#1A2A33",
900: "#10212A",
},
silver: {
400: "#DBE8ED",
700: "#A8BFC9",
900: "#6B8997",
},
blue: {
400: "#65E9E4",
700: "#31C3BD",
900: "#118C87",
},
yellow: {
400: "#FFC860",
700: "#F2B137",
900: "#CC8B13",
},
2024-05-31 20:33:38 +00:00
},
fontFamily: {
2024-06-01 05:14:51 +00:00
sans: ["Outfit", "sans-serif"],
2024-05-31 20:33:38 +00:00
},
fontSize: {
base: [
"14px",
{
letterSpacing: "0.8px",
fontWeight: "500",
},
],
"h-xs": [
"16px",
{
letterSpacing: "1px",
fontWeight: "700",
},
],
"h-s": [
"20px",
{
letterSpacing: "1.25px",
fontWeight: "700",
},
],
"h-m": [
"24px",
{
letterSpacing: "1.5px",
fontWeight: "700",
},
],
"h-l": [
2024-06-01 19:22:27 +00:00
"40px",
2024-05-31 20:33:38 +00:00
{
letterSpacing: "2.5px",
fontWeight: "700",
},
],
},
2024-05-31 14:12:54 +00:00
},
2024-06-01 05:48:26 +00:00
plugins: [innerShadowPlugin],
2024-05-31 14:12:54 +00:00
};