module.exports = {
  purge: {
    content: ['./*.html', '../*.php', './**/*.html', './**/*.php', './**/**/*.html', './**/**/*.php'],
    options: {
      keyframes: true,
    }
  },
  darkMode: false, 
  theme: {
    fontFamily: {
      sans: ['"Poppins", sans-serif']
    },
    colors: {
     'gray': '#FAFAFA',
     'gray-200': '#e0e0e0',
     'blue': '#132474',
     'blue-100': '#193dc1',
     'dark': '#363434',
     'white': '#FFF'
    },
   extend: {
     backgroundImage: theme => ({
      'hero-slide-1': "url('/assets/images/slide-1.jpg')",
      'hero-slide-2': "url('/assets/images/slide-2.jpg')",
      'hero-slide-3': "url('/assets/images/slide-3.jpg')",
      'hero-about': "url('/assets/images/hero-about.jpg')",
      'hero-gardens': "url('/assets/images/hero-gardens.jpg')",
      'hero-carports': "url('/assets/images/hero-carports.jpg')",
      'vid-1': "url('/assets/images/vid1.jpg')",
      'vid-2': "url('/assets/images/vid2.jpg')",
      'slide-small-1': "url('/assets/images/slider-sec.jpg')",
      'slide-small-2': "url('/assets/images/slider-sec-2.jpg')",
      'slide-small-3': "url('/assets/images/slider-sec-3.jpg')",
      'single': "url('/assets/images/realizacja.jpg')",
     }),
     maxWidth: (theme, {breakpoints}) => ({
       '180': '180px',
       '200': '200px',
       '220': '220px',
     }),
     minWidth: (theme, {breakpoints}) => ({
      '150': '150px',
      '200': '200px',
    }),
     width: (theme, {breakpoints}) => ({
      '150': '150px',
      '200': '200px',
      '600': '600px'
    }),
    height: (theme, {breakpoints}) => ({
      '480': '480px',
      '930': '930px'
    }),
    borderWidth: {
      '60': '60px'
    },
    padding: {
      '99': '27rem',
      '100': '30rem',
      '101': '32rem',
      '102': '37rem'
    },
    margin: {
      '-102': '-37rem'
    },
    lineHeight: {
      '14': '4rem'
    }
     
   }
  },
  variants: {
    extend: {},
  },
  plugins: [],
}
