|
|
|
|
|
export default {
|
|
|
content: ["./src/**/*.{html,js,svelte,ts}"],
|
|
|
theme: {
|
|
|
extend: {
|
|
|
colors: {
|
|
|
"neutral-0": "#ffffff",
|
|
|
"neutral-900": "#3b3b3b",
|
|
|
"secondary-600": "#7A8097",
|
|
|
"secondary-800": "#4D5574",
|
|
|
"primary-button-gradient-start": "#ad50f6",
|
|
|
"primary-button-gradient-end": "#5f60fa",
|
|
|
"link-hover": "#355dee",
|
|
|
"highlight-border": "#5f60fa",
|
|
|
"highlight-gradient-start": "#ad50f6",
|
|
|
"highlight-gradient-end": "#5f60fa",
|
|
|
"dropdown-bg": "#f9f9f9",
|
|
|
"dropdown-link": "#0000007a",
|
|
|
"dropdown-link-hover": "#f1f1f1",
|
|
|
"header-bg":
|
|
|
"url('../../assets/backgrounds/header-background-main.png')",
|
|
|
"gradient-start": "#1340ff",
|
|
|
"gradient-end": "#ae51f6",
|
|
|
customGreen: "#51B351",
|
|
|
},
|
|
|
spacing: {
|
|
|
"80px": "80px",
|
|
|
"150px": "150px",
|
|
|
"18px": "18px",
|
|
|
"28.5px": "28.5px",
|
|
|
"10px": "10px",
|
|
|
"20px": "20px",
|
|
|
"8px": "8px",
|
|
|
},
|
|
|
fontSize: {
|
|
|
"55px": "55px",
|
|
|
"40px": "40px",
|
|
|
"18px": "18px",
|
|
|
"16px": "16px",
|
|
|
"21px": "21px",
|
|
|
"13px": "13px",
|
|
|
},
|
|
|
borderRadius: {
|
|
|
"8px": "8px",
|
|
|
"32px": "32px",
|
|
|
"56px": "56px",
|
|
|
"9px": "9px",
|
|
|
"30px": "30px",
|
|
|
},
|
|
|
fontFamily: {
|
|
|
satoshi: ["Satoshi", "sans-serif"],
|
|
|
"gilroy-bold": ["Gilroy-Bold", "sans-serif"],
|
|
|
},
|
|
|
backdropBlur: {
|
|
|
"3.5px": "3.5px",
|
|
|
"50px": "50px",
|
|
|
},
|
|
|
lineHeight: {
|
|
|
1.5: "1.5",
|
|
|
},
|
|
|
backgroundImage: {
|
|
|
"header-bg":
|
|
|
"url('./src/assets/backgrounds/header-background-main.png')",
|
|
|
"background-card":
|
|
|
"url('../../assets/backgrounds/background-card.png')",
|
|
|
"footer-bg": "url('../../assets/backgrounds/footer-background.svg')",
|
|
|
},
|
|
|
backgroundSize: {
|
|
|
auto: "auto",
|
|
|
cover: "cover",
|
|
|
},
|
|
|
boxShadow: {
|
|
|
"custom-shadow":
|
|
|
"0px 43px 12px 0px rgba(69, 69, 69, 0), 0px 28px 11px 0px rgba(69, 69, 69, 0.01), 0px 15px 9px 0px rgba(69, 69, 69, 0.05), 0px 7px 7px 0px rgba(69, 69, 69, 0.09), 0px 2px 4px 0px rgba(69, 69, 69, 0.1)",
|
|
|
},
|
|
|
keyframes: {
|
|
|
floatingAnimation: {
|
|
|
"0%": { transform: "translateY(0)" },
|
|
|
"50%": { transform: "translateY(-25px)" },
|
|
|
"100%": { transform: "translateY(0)" },
|
|
|
},
|
|
|
floatingAnimationb: {
|
|
|
"0%": { transform: "translateY(0)" },
|
|
|
"50%": { transform: "translateY(25px)" },
|
|
|
"100%": { transform: "translateY(0)" },
|
|
|
},
|
|
|
},
|
|
|
animation: {
|
|
|
floatingAnimation: "floatingAnimation 4s infinite alternate",
|
|
|
floatingAnimationb: "floatingAnimationb 4s infinite alternate",
|
|
|
},
|
|
|
width: {
|
|
|
40: "40%",
|
|
|
},
|
|
|
},
|
|
|
},
|
|
|
plugins: [],
|
|
|
};
|
|
|
|
