blob: 30312ca1e84b52c0a396d6e61ea5def16dec4dff (
plain) (
blame)
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
|
/**
* Enable / Disable aligment modifiers.
* .o-grid--right : Align columns on right horizontally
* .o-grid--center : Align columns on center horizontally
* .o-grid--middle : Align columns on middle vertically
* .o-grid--bottom : Align columns on bottom vertically
*
* Type: Boolean
*/
$iota-objs-grid-aligned: false;
/**
* Enable / Disable reversed modifier
* .o-grid--rev : Reverse columns order
*
* Type: Boolean
*/
$iota-objs-grid-rev: false;
/**
* Default gutter size. Use a number for a single size or
* a map for a responsive size.
*
* Type: Number / Map
*/
$iota-objs-grid-gutter-default: $iota-global-gutter-default;
/**
* Extra gutters map. Each gutter size will be available as a
* modifier that will be named according to the gutter name.
* Each gutter size will be available as a modifier that will
* be named according to the gutter name.
* E.g. If $iota-objs-grid-gutter-extra: ('compact': '10px');
* then .o-grid--compact will be available for use.
*
* Type: Map
*/
$iota-objs-grid-gutter-extra: (
'gutter-x3': $baseline-x3,
'gutter-x4': $baseline-x4
);
/**
* Enable / Disable flexbox on grid.
*
* Type: Boolean
*/
$iota-objs-grid-flex: $iota-global-flex;
/**
* Enable / Disable equal height modifier .o-grid--equal-height.
* Works only if $iota-obj-grid-flex is enabled.
*
* Type: Boolean
*/
$iota-objs-grid-equal-height: false;
/**
* Namespace classes
*
* Type: String
*/
$iota-objs-grid-namespace : 'grid';
$iota-objs-grid-column-name : 'col';
$iota-objs-grid-align-right-name : 'right';
$iota-objs-grid-align-center-name : 'center';
$iota-objs-grid-align-top-name : 'top';
$iota-objs-grid-namespace : 'grid';
@import 'node_modules/iotacss/objects/grid';
|
