aboutsummaryrefslogtreecommitdiff
path: root/src/scss/objects/_list.scss
blob: 7e91ef14299bd5838cabdf614b983a0383c78eee (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
/**
 * Enable / Disable aligment modifiers.
 * .o-list--middle : Align list items on middle vertically
 * .o-list--bottom : Align list items on bottom vertically
 *
 * Type: Boolean
 */

$iota-objs-list-aligned: false;


/**
 * Enable / Disable block modifier. .o-list--block : Each list
 * item will have display block with a bottom margin.
 *
 * Type: Boolean
 */

$iota-objs-list-block: false;


/**
 * Enable / Disable inline modifier. .o-list--inline Each list
 * item will have display inline-block with a right margin.
 *
 * Type: Boolean
 */

$iota-objs-list-inline: false;


/**
 * Enable / Disable span modifier. .o-list--span : Each list
 * item will have display table-cell with a border spacing so
 * that they never wrap to a new row.
 *
 * Type: Boolean
 */

$iota-objs-list-span: false;


/**
 * Default gutter size. Use a number for a single size or
 * a map for a responsive size.
 *
 * Type: Number / Map
 */

$iota-objs-list-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. E.g. If $iota-objs-list-gutter-extra: ('compact': '10px');
 * then .o-list--compact will be available for use.
 *
 * Type: Map
 */

$iota-objs-list-gutter-extra: ();


/**
 * Namespace classes
 *
 * Type: String
 */

$iota-objs-list-namespace   : 'list';
$iota-objs-list-item-name   : 'item';
$iota-objs-list-block-name  : 'block';
$iota-objs-list-inline-name : 'inline';
$iota-objs-list-span-name   : 'span';


@import 'node_modules/iotacss/objects/list';