@@ -3,39 +3,39 @@ const sfTypography = require('@storefront-ui/typography');
33
44/** @type {import('tailwindcss').Config } */
55module . exports = {
6- presets : [ tailwindConfig ] ,
7- content : [
8- './src/components/**/*.{js,ts,jsx,tsx}' ,
9- './src/routes/**/*.{js,ts,jsx,tsx}' ,
10- '../. ./node_modules/qwik-storefront-ui/**/*.{cjs,mjs}',
11- ] ,
12- theme : {
13- extend : {
14- gridTemplateAreas : {
15- 'product-page' : [ 'left-top right' , 'left-bottom right' ] ,
16- } ,
17- gridTemplateColumns : {
18- 'product-page' : 'minmax(56%, 500px) auto' ,
19- } ,
20- gridTemplateRows : {
21- 'category-sidebar' : 'min-content auto min-content' ,
22- } ,
23- screens : {
24- '4xl' : '1920px' ,
25- '3xl' : '1536px' ,
26- '2xl' : '1366px' ,
27- xl : '1280px' ,
28- lg : '1024px' ,
29- md : '768px' ,
30- sm : '640px' ,
31- xs : '376px' ,
32- '2xs' : '360px' ,
33- } ,
34- fontFamily : {
35- body : 'var(--font-body)' ,
36- headings : 'var(--font-headings)' ,
37- } ,
38- } ,
39- } ,
40- plugins : [ sfTypography , require ( '@savvywombat/tailwindcss-grid-areas' ) ] ,
6+ presets : [ tailwindConfig ] ,
7+ content : [
8+ './src/components/**/*.{js,ts,jsx,tsx}' ,
9+ './src/routes/**/*.{js,ts,jsx,tsx}' ,
10+ ' ./node_modules/qwik-storefront-ui/**/*.{cjs,mjs}',
11+ ] ,
12+ theme : {
13+ extend : {
14+ gridTemplateAreas : {
15+ 'product-page' : [ 'left-top right' , 'left-bottom right' ] ,
16+ } ,
17+ gridTemplateColumns : {
18+ 'product-page' : 'minmax(56%, 500px) auto' ,
19+ } ,
20+ gridTemplateRows : {
21+ 'category-sidebar' : 'min-content auto min-content' ,
22+ } ,
23+ screens : {
24+ '4xl' : '1920px' ,
25+ '3xl' : '1536px' ,
26+ '2xl' : '1366px' ,
27+ xl : '1280px' ,
28+ lg : '1024px' ,
29+ md : '768px' ,
30+ sm : '640px' ,
31+ xs : '376px' ,
32+ '2xs' : '360px' ,
33+ } ,
34+ fontFamily : {
35+ body : 'var(--font-body)' ,
36+ headings : 'var(--font-headings)' ,
37+ } ,
38+ } ,
39+ } ,
40+ plugins : [ sfTypography , require ( '@savvywombat/tailwindcss-grid-areas' ) ] ,
4141} ;
0 commit comments