-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsmartgrid.js
74 lines (72 loc) · 2.6 KB
/
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
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
module.exports = {
// filename: "smart-grid", // название итогового файла (по умолчанию smart-grid)
//outputStyle: "less", // препроцессор под который генерируется сетка (по умолчанию less)
columns: 12, // Количество калонок в макете(опционально 12 или 24)
offset: "30px", //отступ между колонками сетки
//offset: "1.87%", //(30px/maxWidth)отступ между колонками сетки в працентах
// Популярные значения:
// 30px и 32px при 12 колонках
// 10px при 24 колонках.
mobileFirst: true,
container: {
// maxWidth: "1600px", // настройки внешнего контейнера
// maxWidth: "1400px", // radiobazar
maxWidth: "1400px", // настройки внешнего контейнера
//fields: "1%" //внутренние отступы контейнера Внимание! fields обязан быть >= offset / 2
fields: "15px" //внутренние отступы контейнера Внимание! fields обязан быть >= offset / 2
},
breakPoints: {
// xxl: {
// width: "1400px",
// },
xl: {
// width: "1200px", // radiobazar
width: "1200px",
},
lg: {
width: "992px"
},
md: {
width: "768px",
// offset: "30px",
// fields: "15px",
},
sm: {
width: "576px",
// offset: "20px",
// fields: "10px",
},
xs: {
width: "320px",
// offset: "10px",
// fields: "5px"
}
},
// mixinNames: {
// container: "wrapper",
// row: "row-flex",
// rowFloat: "row-float",
// rowInlineBlock: "row-ib",
// rowOffsets: "row-offsets",
// column: "col",
// size: "size",
// columnFloat: "col-float",
// columnInlineBlock: "col-ib",
// columnPadding: "col-padding",
// columnOffsets: "col-offsets",
// shift: "shift",
// from: "from",
// to: "to",
// fromTo: "from-to",
// reset: "reset",
// clearfix: "clearfix",
// debug: "debug",
// uRowFlex: "u-row-flex",
// uColumn: "u-col",
// uSize: "u-size"
// },
// tab: " ",
// defaultMediaDevice: "screen",
// defaultMediaDevice: " ",
// detailedCalc: false
};