-
Notifications
You must be signed in to change notification settings - Fork 0
/
smartgrid.js
33 lines (30 loc) · 926 Bytes
/
smartgrid.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
var smartgrid = require('smart-grid');
/* It's principal settings in smart grid project */
var settings = {
outputStyle: 'scss', /* less || scss || sass || styl */
columns: 12, /* number of grid columns */
offset: '30px', /* gutter width px || % || rem */
mobileFirst: false, /* mobileFirst ? 'min-width' : 'max-width' */
container: {
maxWidth: '776px', /* max-width оn very large screen */
fields: '112px' /* side fields */
},
breakPoints: {
sm: {
width: '760px',
fields: '15px' /* set fields only if you want to change container.fields */
},
xs: {
width: '560px'
}
/*
We can create any quantity of break points.
some_name: {
width: 'Npx',
fields: 'N(px|%|rem)',
offset: 'N(px|%|rem)'
}
*/
}
};
smartgrid('./src/scss', settings);