File size: 3,076 Bytes
ef1ad9e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
/** @type {import('tailwindcss').Config} */
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')", // Added background image for footer
},
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: [],
};
|