tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./Sources/**/*.swift",
    "./Sources/Styles/global.css"
  ],
  theme: {
    fontFamily: {
      'sans': ['Open Sans', 'sans-serif']
    },
    extend: {
      fontSize: {
        'heading-1': '3rem',
        'heading-2': '2rem',
        'heading-3': '1.5rem',
        'heading-4': '1.25rem',
        'heading-5': '1rem',
        'heading-6': '0.75rem'
      },
      colors: {
        'blog-c-bg': '#FFFFFF',
        'blog-c-nav': 'rgba(255,255,255,0.7)',
        'blog-c-nav-text': '#1d1d1f',
        'blog-c-tag-text': '#8e8e93',
        'blog-c-time-text': '#6e6e73',
        'blog-c-pagination-button': 'rgba(210,210,215,0.2)',
        'blog-c-pagination-button-hover': 'rgba(210,210,215,0.5)',
        'blog-c-preview-page': '#F6F8FA',
        'blog-c-card': '#FFFFFF',
        'blog-c-button': '#F5F5F7',
        'blog-c-footer': '#F5F5F7',
        'blog-c-brand-blue': '#5364FF',
        'blog-c-brand-sky': '#708FFF',
        'blog-c-utterances': '#F6F8FA',
        'blog-c-divider': 'rgba(60, 60, 60, .12)'
      },
      height: {
        'blog-nav': '55px',
      },
      lineHeight: {
        'calc-blog-nav': 'calc(55px)'
      },
      spacing: {
        'calc-blog-nav': 'calc(56px)'
      },
      borderRadius: {
        'sm': '0.125rem',
        'md': '0.375rem',
        'lg': '0.75rem',
        'xl': '1.5rem',
      },
      screens: {
        'sm': '640px',
        'md': '768px',
        'lg': '1024px',
        'xl': '1280px',
        '2xl': '1536px'
      },
      zindex: {
        '10': 10,
        '20': 20,
        '30': 30,
        '40': 40,
        '50': 50
      },
      flex: {
        '1-0': '1 0 1px'
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
};