tailwind.config.js

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}', './public/index.html'],
  darkMode: 'class', // or 'media' or 'class'
  theme: {
    extend: {
      backgroundImage: theme => ({
         'hero-bg1': "url('/src/images/hero-bg-1.png')",
         'banner-bg': "url('/src/images/banner-bg.jpg')",
         'election-anxiety': "url('/src/images/latest-articles/Election-anxiety.png')",
         'walking-meditation': "url('/src/images/latest-articles/Walking meditation.svg')",
         'always-tired': "url('/src/images/latest-articles/Why-am-I-always-tired.svg')",
         'home-office': "url('/src/images/latest-articles/How-to-create-a-mindful-home-office.svg')",
         'mindful-eating': "url('/src/images/latest-articles/What-is-mindful-eating.svg')",
         'power-napping': "url('/src/images/latest-articles/Power-napping-101.svg')",
         'menu-article-1': "url('/src/images/menu-articles/article-1.svg')",
         'menu-article-2': "url('/src/images/menu-articles/article-2.svg')",
         'menu-article-3': "url('/src/images/menu-articles/article-3.png')",
         'menu-article-4': "url('/src/images/menu-articles/article-4.svg')",
         'menu-article-5': "url('/src/images/menu-articles/article-5.svg')",
         'menu-article-6': "url('/src/images/menu-articles/article-6.png')",
         'meditationForX_BASIC': "url('/src/images/meditationForX/MeditationForX_BASIC.jpg')",
         'meditationForX_1': "url('/src/images/meditationForX/meditation/meditationForX_1.png')",
         'meditationForX_2': "url('/src/images/meditationForX/meditation/meditationForX_2.jpg')",
         'meditationForX_3': "url('/src/images/meditationForX/meditation/meditationForX_3.jpg')",
         'meditationForX_4': "url('/src/images/meditationForX/meditation/meditationForX_4.jpg')",
         'meditationForX_5': "url('/src/images/meditationForX/meditation/meditationForX_5.jpg')",
         'meditationForX_6': "url('/src/images/meditationForX/mindfulness/meditationForX_6.png')",
         'meditationForX_7': "url('/src/images/meditationForX/mindfulness/meditationForX_7.jpg')",
         'meditationForX_8': "url('/src/images/meditationForX/mindfulness/meditationForX_8.jpg')",
         'meditationForX_9': "url('/src/images/meditationForX/mindfulness/meditationForX_9.jpeg')",
         'meditationForX_10': "url('/src/images/meditationForX/mindfulness/meditationForX_10.jpg')",
        }),

      fontFamily: {
        body: ['Lato'],
      },

      colors: {
        'orange': '#ff7e1d'
      },

      scale: {
       '102': '1.02',
      }

    },

    

  },
  variants: {
    extend: {},
  },
  plugins: [],
}