offred.co/tailwind.config.js at master · offred/offred.co · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
module.exports = {
	purge: false,
	theme: {
	  colors: {
    'primary': '#11103E',
    'secondary': '#49494C',
    'transparent': 'transparent',
    'white': '#fff',
    'black': '#11103E',
    grey: {
      100: '#93979a',
      90: '#7B7B85',
    },
    red: {
      100: '#C3445A',
      90: '#C3445A',
      80: '#E15151',
    },
    purple: {
      100: '#310A3A',
      90: '#6E2576',
      80: '#521362',
      20: '#7851EF',
      10: '#512354'
    },
    wave: {
      70: '#521362',
      60: '#611A73',
      50: '#6E2576',
      40: '#6B1F5C',
      30: '#7C266B',
      20: '#993566',
      10: '#C3445A',
    },
    'blue': '#50A6FA',
    'pink': '#E967B3',
    'green': '#008040',
    'navy': '#505B89'
	  },
	  screens: {
      'sm': '624px',
      'md': '768px',
      'lg': '1050px',
      'xl': '1340px',
      'xxl': '1640px',
	  },
	  fontFamily: {
      'sans': [
        'Heebo',
        'Roboto',
        'Oxygen',
        'Ubuntu',
        'Cantarell',
        'Fira Sans',
        'Droid Sans',
        'Helvetica Neue',
      ],
      'sans-secondary': [
        'SofiaPro',
        '-apple-system',
        'BlinkMacSystemFont',
        'Segoe UI',
        'Roboto',
        'Oxygen',
        'Ubuntu',
        'Cantarell',
        'Fira Sans',
        'Droid Sans',
        'Helvetica Neue',
      ],
    },
    borderRadius: {
      none: '0',
      default: '6px',
      full: '9999px',
    },
	  extend: {
      spacing: {
        '70': '4.375rem',
        '100': '6.25rem',
        '310': '19.375rem',
      },
      inset: {
        '-1': '-0.0625rem',
        '-2': '-0.125rem',
        '70': '4.375rem',
      },
      fontSize: {
        xs: '0.75rem', //12px
        sm: '0.875rem', //14px
        base: '1rem', //16px
        lg: '1.125rem', //18px
        xl: '1.25rem', //20px
        '2xl': '1.375rem', //22px
        '3xl': '1.875rem', //30px
        '4xl': '2.25rem', //36px
        '5xl': '2.625rem', //42px
        '6xl': '3.375rem', //54px
      },
      maxWidth: {
        '7xl': '75rem',
      },
      boxShadow: {
        'default': '8px 8px 22px 10px rgba(0,0,0,0.08)',
      },
      opacity: {
        '75': '.75',
        '50': '.50',
        '25': '.25'
      },
	  },
	},
	variants: {
    fill: ['responsive', 'hover', 'focus'],
	  backgroundColor: ['responsive', 'hover', 'focus', 'group-hover'],
	  borderColor: ['responsive', 'hover', 'group-hover'],
	  cursor: ['responsive', 'hover'],
	  fontSmoothing: ['responsive', 'hover'],
	  fontStyle: ['responsive', 'hover'],
	  textColor: ['responsive', 'hover', 'focus', 'group-hover'],
	  textTransform: ['responsive', 'hover'],
	},
  }