-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
97 lines (97 loc) · 2.86 KB
/
tailwind.config.js
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
/* eslint-disable import/extensions */
/* eslint-disable global-require */
module.exports = {
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
extend: {
colors: {
primary: '#40B883',
secondary: '#35485F',
text: '#2C3F50',
},
screens: {
// Generic
// TODO: refactor it with function and create declination with landscape
'mobile-xs-only': {
raw: '(max-width: 19.938em)', // 0 to 319px
},
mobile: '20em', // 320px
'mobile-only': {
raw: '(min-width: 20em) and (max-width: 22.438em)', // 320px to 359px
},
'mobile-xl': '22.5em', // 360px
'mobile-xl-only': {
raw: '(min-width: 22.5em) and (max-width: 37.438em)', // 360px to 599px
},
'tablet-sm': '37.5em', // 600px
'tablet-sm-only': {
raw: '(min-width: 37.5em) and (max-width: 59.938em)', // 600px to 959px
},
'under-tablet-only': {
// < 960px
raw: '(max-width: 60em)',
},
tablet: '60em', // 960px
'tablet-only': {
raw: '(min-width: 60em) and (max-width: 74.938em)', // 960px to 1199px
},
'laptop-sm': '75em', // 1200px
'laptop-sm-only': {
raw: '(min-width: 75em) and (max-width: 89.938em)', // 1200px to 1439px
},
laptop: '90em', // 1440px
'laptop-only': {
raw: '(min-width: 90em) and (max-width: 119.938em)', // 1440px to 1919px
},
desktop: '120em', // 1920px
'desktop-only': {
raw: '(min-width: 120em) and (max-width: 159.938em)', // 1920px to 2559px
},
'desktop-xl': '160em', // 2560px
'desktop-xl-only': {
raw: '(min-width: 160em)', // 2560px to ∞
},
},
spacing: {
3.75: '0.938rem',
},
},
},
plugins: [require('./tw-plugins/animationsPlugin.js'), require('./tw-plugins/formPlugin.js'), require('./tw-plugins/pseudoElPlugin.js'), require('./tw-plugins/textPlugin.js')],
safelist: [
{
pattern: /w-(1|2|3|4|5|6|7|8|9|10|11)\/12/,
variants: ['sm', 'md', 'lg', 'xl'],
},
{
pattern: /(justify|items)-(start|end|center|between|around|evenly|baseline|stretch)/,
variants: ['sm', 'md', 'lg', 'xl'],
},
{
pattern: /w-full/,
variants: ['sm', 'md', 'lg', 'xl'],
},
{
pattern: /([wh])-0\.5/,
variants: ['sm', 'md', 'lg', 'xl'],
},
{
pattern: /text-(left|center|right|justify)/,
},
'fixed',
'absolute',
'q-snkb',
'q-snkb--small',
'q-snkb--medium',
'q-snkb--large',
'q-snkb--full',
'q-snkb--pos-top-left',
'q-snkb--pos-top',
'q-snkb--pos-top-right',
'q-snkb--pos-right',
'q-snkb--pos-bottom-right',
'q-snkb--pos-bottom',
'q-snkb--pos-bottom-left',
'q-snkb--pos-left',
],
};