My-Portfolio-Next-Js/tailwind.config.js at master · Ansh-Rathod/My-Portfolio-Next-Js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
/** @type {import('tailwindcss').Config} */


// const plugin = require('tailwindcss/plugin')
/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
    "./layouts/**/*.{js,ts,jsx,tsx}",
    "./contexts/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    container: {
      center: true
    },
    fontFamily: {
      mono: ['var(--font-space-mono)', 'Space Mono', 'monospace'],
      sans: ['var(--font-space-mono)', 'Space Mono', 'monospace'],
      serif: ['var(--font-space-mono)', 'Space Mono', 'monospace'],
    },

    // screens: {
    //   'mobile': { 'min': '100px', 'max': '500px' },
    //   'tablet': { 'min': '500px', 'max': '750px' },
    //   'mini-laptop': { 'min': '750px', 'max': '874px' },
    //   'laptop': { 'min': '874px', 'max': '1900px' },
    //   'c-laptop': { 'min': '880px', 'max': '1080px' },
    //   'desktop': { 'min': '1500px' },
    // },
    borderWidth: {
      DEFAULT: '0.5px',
      '0': '0.5px'

    },
    extend: {},

  },
  plugins: [
    // require('tailwind-scrollbar-hide')
  ],
}