diff options
Diffstat (limited to 'src/scss/objects/_list.scss')
-rw-r--r-- | src/scss/objects/_list.scss | 78 |
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'; | ||