aboutsummaryrefslogtreecommitdiff
path: root/src/scss/objects/_list.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss/objects/_list.scss')
-rw-r--r--src/scss/objects/_list.scss78
1 files changed, 78 insertions, 0 deletions
diff --git a/src/scss/objects/_list.scss b/src/scss/objects/_list.scss
new file mode 100644
index 0000000..7e91ef1
--- /dev/null
+++ b/src/scss/objects/_list.scss
@@ -0,0 +1,78 @@
1/**
2 * Enable / Disable aligment modifiers.
3 * .o-list--middle : Align list items on middle vertically
4 * .o-list--bottom : Align list items on bottom vertically
5 *
6 * Type: Boolean
7 */
8
9$iota-objs-list-aligned: false;
10
11
12/**
13 * Enable / Disable block modifier. .o-list--block : Each list
14 * item will have display block with a bottom margin.
15 *
16 * Type: Boolean
17 */
18
19$iota-objs-list-block: false;
20
21
22/**
23 * Enable / Disable inline modifier. .o-list--inline Each list
24 * item will have display inline-block with a right margin.
25 *
26 * Type: Boolean
27 */
28
29$iota-objs-list-inline: false;
30
31
32/**
33 * Enable / Disable span modifier. .o-list--span : Each list
34 * item will have display table-cell with a border spacing so
35 * that they never wrap to a new row.
36 *
37 * Type: Boolean
38 */
39
40$iota-objs-list-span: false;
41
42
43/**
44 * Default gutter size. Use a number for a single size or
45 * a map for a responsive size.
46 *
47 * Type: Number / Map
48 */
49
50$iota-objs-list-gutter-default: $iota-global-gutter-default;
51
52
53/**
54 * Extra gutters map. Each gutter size will be available
55 * as a modifier that will be named according to the gutter
56 * name. E.g. If $iota-objs-list-gutter-extra: ('compact': '10px');
57 * then .o-list--compact will be available for use.
58 *
59 * Type: Map
60 */
61
62$iota-objs-list-gutter-extra: ();
63
64
65/**
66 * Namespace classes
67 *
68 * Type: String
69 */
70
71$iota-objs-list-namespace : 'list';
72$iota-objs-list-item-name : 'item';
73$iota-objs-list-block-name : 'block';
74$iota-objs-list-inline-name : 'inline';
75$iota-objs-list-span-name : 'span';
76
77
78@import 'node_modules/iotacss/objects/list';