70d6df62bd
* Initial project push * Add tailwind config * Add vue router config * Continue * Add generic navigation header * Update navigations logic to prevent invalid active class * Update HomePage.vue * Add footer * Add team member GitHub link * Add new social list component * Add SEO + favicon tag * Update SEO tag * Split header in multiple component * Update i18n * Add new homepage section * Add new stats homepage section * Add new section homepage section * Add new section homepage section * Add download page * Update mac os section * Add build information * Continue * Continue * Continue * Continue * Add LDN build section * Re order section * Remove branch info * Update contribute page * Add generic button component * Finish contribute page * Update action logic * Continue * Continue * Continue * Fix invalid build * Add missing token * Fix deploy * Update package * Update package * Add node version * Fix typo * Continue * Fix typos * Update teams * Add new older build link * Add new github action * Add docker build * Add LICENSE.txt and update README.md * Add funding link * Cleanup * Fix invalid url * Update .env * Remove merge branch on release.yml * Add asset condition * Add sitemap.xml * Add translation section
121 lines
3.6 KiB
JavaScript
121 lines
3.6 KiB
JavaScript
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
const plugin = require("tailwindcss/plugin");
|
|
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
const colors = require("tailwindcss/colors");
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: ["./src/**/*.{vue,js,ts,jsx,tsx}"],
|
|
darkMode: "class",
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ["Inter", ...defaultTheme.fontFamily.sans],
|
|
},
|
|
maxWidth: {
|
|
"8xl": "90rem",
|
|
"9xl": "105rem",
|
|
"10xl": "120rem",
|
|
},
|
|
zIndex: {
|
|
1: 1,
|
|
60: 60,
|
|
70: 70,
|
|
80: 80,
|
|
90: 90,
|
|
100: 100,
|
|
},
|
|
typography: {
|
|
DEFAULT: {
|
|
css: {
|
|
a: {
|
|
textDecoration: "none",
|
|
"&:hover": {
|
|
opacity: ".75",
|
|
},
|
|
},
|
|
img: {
|
|
borderRadius: defaultTheme.borderRadius.lg,
|
|
},
|
|
},
|
|
},
|
|
},
|
|
keyframes: {
|
|
"fade-in-down": {
|
|
"0%": {
|
|
opacity: "0",
|
|
transform: "translateY(-10px)",
|
|
},
|
|
"100%": {
|
|
opacity: "1",
|
|
transform: "translateY(0)",
|
|
},
|
|
},
|
|
},
|
|
animation: {
|
|
"fade-in-down": "fade-in-down 0.5s ease-out",
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
require("@tailwindcss/aspect-ratio"),
|
|
require("@tailwindcss/forms"),
|
|
require("@tailwindcss/typography"),
|
|
require("autoprefixer"),
|
|
plugin(function ({ addUtilities }) {
|
|
const utilBgPatterns = {
|
|
".pattern-dots-sm": {
|
|
"background-image":
|
|
"radial-gradient(currentColor 0.5px, transparent 0.5px)",
|
|
"background-size": "calc(10 * 0.5px) calc(10 * 0.5px)",
|
|
},
|
|
".pattern-dots-md": {
|
|
"background-image":
|
|
"radial-gradient(currentColor 1px, transparent 1px)",
|
|
"background-size": "calc(10 * 1px) calc(10 * 1px)",
|
|
},
|
|
".pattern-dots-lg": {
|
|
"background-image":
|
|
"radial-gradient(currentColor 1.5px, transparent 1.5px)",
|
|
"background-size": "calc(10 * 1.5px) calc(10 * 1.5px)",
|
|
},
|
|
".pattern-dots-xl": {
|
|
"background-image":
|
|
"radial-gradient(currentColor 2px, transparent 2px)",
|
|
"background-size": "calc(10 * 2px) calc(10 * 2px)",
|
|
},
|
|
};
|
|
|
|
addUtilities(utilBgPatterns);
|
|
}),
|
|
plugin(function ({ addUtilities }) {
|
|
const utilFormSwitch = {
|
|
".form-switch": {
|
|
border: "transparent",
|
|
"background-color": colors.gray[300],
|
|
"background-image":
|
|
"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")",
|
|
"background-position": "left center",
|
|
"background-repeat": "no-repeat",
|
|
"background-size": "contain !important",
|
|
"vertical-align": "top",
|
|
"&:checked": {
|
|
border: "transparent",
|
|
"background-color": "currentColor",
|
|
"background-image":
|
|
"url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\")",
|
|
"background-position": "right center",
|
|
},
|
|
"&:disabled, &:disabled + label": {
|
|
opacity: ".5",
|
|
cursor: "not-allowed",
|
|
},
|
|
},
|
|
};
|
|
|
|
addUtilities(utilFormSwitch);
|
|
}),
|
|
],
|
|
};
|