tailwind.config.js

module.exports = {
  content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./nuxt.config.{js,ts}"
  ],
  theme: {
    fontFamily: {
      headline: ["Montserrat", "sans-serif"],
      body: ["Raleway", "Roboto", "Helvetica", "Arial", "sans-serif"]
    },
    container: {
      padding: "2rem"
    },
    extend: {
      colors: {
        primary: "#8BD2F5",
        secondary: "#F7AD54",
        headline: "#203B52",
        body: "#303138",
        cyan: {
          default: "#00F2FE",
          darker: "#16E0FE"
        },
        youtube: "#FF0000",
        facebook: "#4267B2"
      },
      fontSize: {
        "7xl": "5rem",
        "9xl": "6rem",
        "12xl": "8rem"
      },
      minHeight: {
        "screen-90": "90vh"
      },
      spacing: {
        "9/16": "56.25%",
        "1/1": "100%"
      }
    }
  },
  variants: {},
  plugins: [require("@tailwindcss/typography")]
}