tailwind.config.js

/** @type {import('tailwindcss').Config} */

export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
    
  ],
  theme: {
    screens: {
      'sm': '576px', // for tablets 
      // => @media (min-width: 576px) { ... }

      'md': '990px', // for small laptop
      // => @media (min-width: 990px) { ... }

      'lg': '1200px',  // for laptop and desktop 
      // => @media (min-width: 1200px) { ... }


    },
    extend: {
      colors:{
        "yblue" : 'rgb(48,103,246)', // yahoo blue
        "ypurple" : '#5701ed',  // yahoo purple
        body : '#fafafc', // color from yahoo.com

      },
      fontFamily: {
        // copied from Yahoo.com, applied on body tag.
        "body" : "\"Helvetica Neue\", Helvetica, Arial, STHeitiTC-light, STHeiti, \"Microsoft JhengHei\", 微軟正黑體, sans-serif",
        "mobile":"\"Helvetica Neue\", Helvetica, Arial, sans-serif"
      }
    },
  },
  plugins: [],
}