From ed422d15d400d76bc98fbccdfe5c9eba34d69f06 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 23 Feb 2025 12:53:04 +0200
Subject: [PATCH] reset tailind config

---
 tailwind.config.js | 101 +++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 93 insertions(+), 8 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index ba15afcc2..1c659e7f2 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,9 +1,94 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ['./templates/**/*.html'],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-}
+const colors = require('tailwindcss/colors')
 
+module.exports = {
+  content: [
+      './templates/**/*.html'
+  ],
+  safelist: [
+    {
+      pattern: /(-|)(ml|mr)-(4|8|12|16|20|24|28)/,
+      variants: [
+        'sm', 'md', 'lg', 
+        'first', 'first:sm', 'first:md', 'first:lg', 
+        'last', 'last:sm', 'last:md', 'last:lg'
+      ],
+    },
+    {
+      pattern: /(pt|pb)-(0)/,
+      variants: [
+        '!', 'lg', 
+        'first', 'first:sm', 'first:md', 'first:lg', 
+        'last', 'last:sm', 'last:md', 'last:lg'
+      ],
+    },
+    {
+      pattern: /bg-teal-(50|100|200|300|400|500|600|700|800|900)/,  // Added teal color safelist
+    }
+  ],
+ 
+  important: true,
+  theme: {
+    fontSize: {
+        'xs': '.75rem',
+        'sm': '.875rem',
+        'tiny': '.875rem',
+        'base': '1rem',
+        'md': '1.05rem',
+        'lg': '1.125rem',
+        'xl': '1.25rem',
+        '2xl': '1.5rem',
+        '3xl': '1.875rem',
+        '4xl': '2.25rem',
+        '5xl': '3rem',
+        '6xl': '4rem',
+        '7xl': '5rem',
+    },
+    colors: {
+      transparent: 'transparent',
+      white: '#ffffff',
+      black: '#000000',
+      green: '#c7c7c7 ',
+      gray: colors.gray,
+      slate: colors.slate,
+      stone: colors.stone,
+      zinc: colors.zinc,
+      yellow: colors.yellow,
+      orange: colors.orange,
+      sky: colors.sky,
+      blue: {
+        '100': '#bbeeff',
+        '200': '#00aaff',
+        '300': '#0088ff',
+        '400': '#0033ff',
+        '500': '#0000ff',
+        '600': '#0000bb',
+        '700': '#0000aa',
+        '800': '#000088',
+        '900': '#000066',
+      },
+      
+    },
+    extend: {
+        screens: {
+          '2xl': '1450px',
+          // => @media (min-width: 992px) { ... }
+        },
+        animation: {
+          'infinite-scroll': 'infinite-scroll 25s linear infinite',
+      },
+      keyframes: {
+          'infinite-scroll': {
+              from: { transform: 'translateX(0)' },
+              to: { transform: 'translateX(-100%)' },
+          }
+      },
+      fontFamily: {
+        sans: ['Inter', 'sans-serif'],
+      },                    
+      },
+  },
+  plugins: [
+    require('@tailwindcss/aspect-ratio'), 
+    // require("flyonui"),
+  ], // if we add forms, do it here
+}