flowbite-angular
Version:
<div align="center"> <h1>:construction: flowbite-angular (unreleased) :construction:</h1> <p> <a href="https://flowbite.com"> <img alt="Flowbite - Tailwind CSS components" width="350" src="https://flowbite.s3.amazonaws.com/github/logo-github
304 lines (302 loc) • 6.46 kB
JavaScript
/* eslint-disable @typescript-eslint/no-unsafe-argument */
/* eslint-disable @typescript-eslint/no-unsafe-assignment */
/* eslint-disable @typescript-eslint/no-unsafe-call */
/* eslint-disable @typescript-eslint/no-var-requires */
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
theme: {
extend: {
colors: {
primary: {
50: '#FFF0F1',
100: '#FFE1E4',
200: '#FFC8CF',
300: '#FF9BA8',
400: '#FF637B',
500: '#FF2C51',
600: '#F6083B',
700: '#C3002F',
800: '#AE0331',
900: '#940732',
},
gray: {
50: '#F9FAFB',
100: '#F3F4F6',
200: '#E5E7EB',
300: '#D1D5DB',
400: '#9CA3AF',
500: '#6B7280',
600: '#4B5563',
700: '#374151',
800: '#1F2A37',
900: '#111928',
},
blue: {
50: '#EBF5FF',
100: '#E1EFFE',
200: '#C3DDFD',
300: '#A4CAFE',
400: '#76A9FA',
500: '#3F83F8',
600: '#1C64F2',
700: '#1A56DB',
800: '#1E429F',
900: '#233876',
},
red: {
50: '#FDF2F2',
100: '#FDE8E8',
200: '#FBD5D5',
300: '#F8B4B4',
400: '#F98080',
500: '#F05252',
600: '#E02424',
700: '#C81E1E',
800: '#9B1C1C',
900: '#771D1D',
},
orange: {
50: '#FFF8F1',
100: '#FEECDC',
200: '#FCD9BD',
300: '#FDBA8C',
400: '#FF8A4C',
500: '#FF5A1F',
600: '#D03801',
700: '#B43403',
800: '#8A2C0D',
900: '#771D1D',
},
yellow: {
50: '#FDFDEA',
100: '#FDF6B2',
200: '#FCE96A',
300: '#FACA15',
400: '#E3A008',
500: '#C27803',
600: '#9F580A',
700: '#8E4B10',
800: '#723B13',
900: '#633112',
},
green: {
50: '#F3FAF7',
100: '#DEF7EC',
200: '#BCF0DA',
300: '#84E1BC',
400: '#31C48D',
500: '#0E9F6E',
600: '#057A55',
700: '#046C4E',
800: '#03543F',
900: '#014737',
},
teal: {
50: '#EDFAFA',
100: '#D5F5F6',
200: '#AFECEF',
300: '#7EDCE2',
400: '#16BDCA',
500: '#0694A2',
600: '#047481',
700: '#036672',
800: '#036672',
900: '#014451',
},
indigo: {
50: '#F0F5FF',
100: '#E5EDFF',
200: '#CDDBFE',
300: '#B4C6FC',
400: '#8DA2FB',
500: '#6875F5',
600: '#5850EC',
700: '#5145CD',
800: '#42389D',
900: '#362F78',
},
purple: {
50: '#F6F5FF',
100: '#EDEBFE',
200: '#DCD7FE',
300: '#CABFFD',
400: '#AC94FA',
500: '#9061F9',
600: '#7E3AF2',
700: '#6C2BD9',
800: '#5521B5',
900: '#4A1D96',
},
pink: {
50: '#FDF2F8',
100: '#FCE8F3',
200: '#FAD1E8',
300: '#F8B4D9',
400: '#F17EB8',
500: '#E74694',
600: '#D61F69',
700: '#BF125D',
800: '#99154B',
900: '#751A3D',
},
},
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
spacing: {
0: '0px',
px: '1px',
0.5: '2px',
1: '4px',
1.5: '6px',
2: '8px',
2.5: '10px',
3: '12px',
3.5: '14px',
4: '16px',
5: '20px',
6: '24px',
7: '28px',
8: '32px',
9: '36px',
10: '40px',
11: '44px',
12: '48px',
14: '56px',
16: '64px',
20: '80px',
24: '96px',
28: '112px',
32: '128px',
36: '144px',
40: '160px',
44: '176px',
48: '192px',
52: '208px',
56: '224px',
60: '240px',
64: '256px',
72: '288px',
80: '320px',
96: '384px',
},
borderRadius: {
sm: '2px',
DEFAULT: '4px',
md: '6px',
lg: '8px',
xl: '12px',
'2xl': '16px',
'3xl': '24px',
full: '999px',
},
boxShadow: {
sm: '0px 1px 2px 0px #00000014',
DEFAULT: '0px 1px 2px -1px #0000001A',
md: '0px 2px 4px -2px #0000000D',
lg: '0px 4px 6px 0px #0000000D',
xl: '0px 10px 10px 0px #0000000A',
'2xl': '0px 25px 50px -12px #00000040',
},
borderWidth: {
0: '0px',
DEFAULT: '1px',
2: '2px',
4: '4px',
8: '8px',
},
fontSize: {
xs: [
'12px',
{
lineHeight: '1',
},
],
sm: [
'14px',
{
lineHeight: '1',
},
],
DEFAULT: [
'16px',
{
lineHeight: '1',
},
],
lg: [
'18px',
{
lineHeight: '1',
},
],
xl: [
'20px',
{
lineHeight: '1',
},
],
'2xl': [
'24px',
{
lineHeight: '1',
},
],
'3xl': [
'30px',
{
lineHeight: '1',
},
],
'4xl': [
'36px',
{
lineHeight: '1',
},
],
'5xl': [
'48px',
{
lineHeight: '1',
},
],
'6xl': [
'60px',
{
lineHeight: '1',
},
],
'7xl': [
'72px',
{
lineHeight: '1',
},
],
'8xl': [
'96px',
{
lineHeight: '1',
},
],
'9xl': [
'128px',
{
lineHeight: '1',
},
],
},
aria: {
current: 'current="true"',
},
},
fontFamily: {
sans: 'Inter',
},
},
plugins: [],
};