tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{html,js}"],
  safelist: ['bg-img-1', 'bg-img-2', 'bg-img-3', 'bg-img-4', 'bg-img-5', 'bg-img-6', 'bg-img-7', 'bg-img-8', 'bg-img-9', 'bg-img-10', 'bg-img-11', 'bg-img-12', 'bg-img-13', 'bg-img-14', 'bg-img-15', 'bg-img-16', 'bg-img-17', 'bg-img-18', 'bg-img-19', 'bg-img-20', 'bg-img-21', 'bg-img-22', 'bg-img-23', 'bg-img-24', 'bg-img-25', 'bg-img-26', 'bg-img-27', 'bg-img-28', 'bg-img-29', 'bg-img-30'],
  theme: {
    extend: {
      fontFamily: {
        "Roboto": "Roboto",
        "Rubik": "Rubik Vinyl"
      },
      colors: {
        bgDark: '#282828'
      },
      backgroundImage: {
        'img-1': 'url("../images/backgrounds/img1.jpg")',
        'img-2': 'url("../images/backgrounds/img2.jpg")',
        'img-3': 'url("../images/backgrounds/img3.jpg")',
        'img-4': 'url("../images/backgrounds/img4.jpg")',
        'img-5': 'url("../images/backgrounds/img5.jpg")',
        'img-6': 'url("../images/backgrounds/img6.jpg")',
        'img-7': 'url("../images/backgrounds/img7.jpg")',
        'img-8': 'url("../images/backgrounds/img8.jpg")',
        'img-9': 'url("../images/backgrounds/img9.jpg")',
        'img-10': 'url("../images/backgrounds/img10.jpg")',
        'img-11': 'url("../images/backgrounds/img11.jpg")',
        'img-12': 'url("../images/backgrounds/img12.jpg")',
        'img-13': 'url("../images/backgrounds/img13.jpg")',
        'img-14': 'url("../images/backgrounds/img14.jpg")',
        'img-15': 'url("../images/backgrounds/img15.jpg")',
        'img-16': 'url("../images/backgrounds/img16.jpg")',
        'img-17': 'url("../images/backgrounds/img17.jpg")',
        'img-18': 'url("../images/backgrounds/img18.jpg")',
        'img-19': 'url("../images/backgrounds/img19.jpg")',
        'img-20': 'url("../images/backgrounds/img20.jpg")',
        'img-21': 'url("../images/backgrounds/img21.jpg")',
        'img-22': 'url("../images/backgrounds/img22.jpg")',
        'img-23': 'url("../images/backgrounds/img23.jpg")',
        'img-24': 'url("../images/backgrounds/img24.jpg")',
        'img-25': 'url("../images/backgrounds/img25.jpg")',
        'img-26': 'url("../images/backgrounds/img26.jpg")',
        'img-27': 'url("../images/backgrounds/img27.jpg")',
        'img-28': 'url("../images/backgrounds/img28.jpg")',
        'img-29': 'url("../images/backgrounds/img29.jpg")',
        'img-30': 'url("../images/backgrounds/img30.jpg")',

      }
    },
  },
  plugins: [],
}