fixed dup tailwing config files

freelawproject · Dec 8, 2024 · cb6537d · cb6537d
1 parent c6acf59
commit cb6537d
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 98 deletions.
diff --git a/cl/tailwind.config.js b/cl/tailwind.config.js
diff --git a/theme/static_src/tailwind.config.js b/theme/static_src/tailwind.config.js
@@ -1,3 +1,5 @@
+const defaultTheme = require('tailwindcss/defaultTheme');
+
 /**
  * This is a minimal config.
  *
@@ -34,6 +36,8 @@ module.exports = {
         // '!../../**/node_modules',
         /* JS 2: Process all JavaScript files in the project. */
         // '../../**/*.js',
+        '../../**/templates/**/*.svg',
+        '../../**/static-global/**/*.js',
 
         /**
          * Python: If you use Tailwind CSS classes in Python, uncomment the following line
@@ -42,7 +46,41 @@ module.exports = {
         // '../../**/*.py'
     ],
     theme: {
-        extend: {},
+      extend: {
+        animation: {
+          'fade-in': 'fadein 0.3s ease-in forwards',
+          'fade-out': 'fadeout 0.2s ease-in forwards'
+        },
+        keyframes: {
+          fadein: {
+            '0%': { opacity: 0 },
+            '100%': { opacity: 1 },
+          },
+          fadeout: {
+            '0%': { opacity: 1 },
+            '100%': { opacity: 0 , visibility: 'hidden'},
+          },
+        },
+        fontFamily: {
+          'sans': ['CooperHewitt', ...defaultTheme.fontFamily.sans],
+        },
+        colors: {
+          'bcb-black': '#1A1A1A',
+          // The yellow of the buttons is number 400!
+          'saffron': {
+            '50': '#fefaec',
+            '100': '#fcf3c9',
+            '200': '#f8e48f',
+            '300': '#f5d154',
+            '400': '#f3c33e',
+            '500': '#eb9e15',
+            '600': '#d0790f',
+            '700': '#ad5610',
+            '800': '#8c4314',
+            '900': '#743713',
+          },
+        }
+      }
     },
     plugins: [
         /**
@@ -52,6 +90,7 @@ module.exports = {
          */
         require('@tailwindcss/forms'),
         require('@tailwindcss/typography'),
-        require('@tailwindcss/aspect-ratio'),
+        require('@tailwindcss/line-clamp'),
+        require('@tailwindcss/aspect-ratio')
     ],
 }