tailwind.config.js

const { createGlobPatternsForDependencies } = require('@nrwl/angular/tailwind');
const { join } = require('path');

const customColors = {
  'dark-border': '#161528',
  'light-border': '#d6d6d6',
  'table-header-bg': '#f5f5f5'
}

module.exports = {
  prefix: 'tw-',
  corePlugins: {
    preflight: false
  },
  content: [join(__dirname, 'src/**/!(*.stories|*.spec).{ts,html}'), ...createGlobPatternsForDependencies(__dirname)],
  theme: {
    textColor: {
      ...customColors
    },
    fontSize: {
      '14-px': '14px',
      '16-px': '16px',
      '24-px': '24px',
    },
    extend: {
      colors: {
        ...customColors
      },
      borderRadius: { 
        '4-px': '4px',
      },
      margin: {
        '16-px': '16px',
        '24-px': '24px'
      },
      padding: {
        '12-px': '12px',
        '24-px': '24px'
      },
      fontFamily: {
        'activ-grotisk': '"aktiv-grotesk", sans-serif'
      },
      fontWeight: {
        '600': '600'
      },
      height: {
        '40-px': '40px',
        '60-px': '60px'
      },
      width: {
        '300-px': '300px',
        '30-px': '30px'
      },
      cursor: {
        'cursor': 'cursor-pointer'
      }
    },
  },
  plugins: [],
}