blob: 6f0829480109f82b1c716d4d5d31de577f2d8db4 (
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
85
86
87
88
89
90
91
92
93
94
95
96
97
|
/**
* Grid columns. This setting is shared between
* iotaCSS grid objects and size, pull & push
* utilities. You can change it also locally to
* each module.
*
* Type: Unitless Number / List
*/
$iota-global-columns: 2, 3, 6, 12;
/**
* Global namespace for Objects, Components and
* Utilities
*
* Type: String
*/
$iota-global-objects-namespace : 'o-';
$iota-global-utilities-namespace : 'u-';
$iota-global-components-namespace : 'c-';
/**
* Default gutters. This setting is shared between
* multiple objects and utilities as the default value
* for gutters. You can change it also locally to each
* module.
*
* Type: Number / List / Map
*/
$iota-global-gutter-default: 10px;
/**
* Enables flexbox across the app. If you do not want
* all modules to use flexbox you can keep this value
* false and set it to true separately to each one of
* them locally.
*
* Type: Boolean
*/
$iota-global-flex: false;
/**
* Enables rtl across the app. If you enable this setting
* the final CSS will be converted to RTL.
*
* Type: Boolean
*/
$iota-global-rtl: false;
/**
* Default global breakpoints map. These are the
* default breakpoints map that will be shared across
* all iotaCSS modules. You can change it also locally
* to each module.
*
* Type: Map
*/
$iota-global-breakpoints: (
sm : "screen and ( min-width: 768px )",
md : "screen and ( min-width: 1000px )"
);
/**
* Global breakpoint suffix naming setting. All breakpoint
* specific styles have a '@breakpointName' suffix by default.
* The \ character is used to escape the @ character.
*
* Type: String
*/
$iota-global-breakpoint-separator: \@;
/**
* Global delimiter naming setting for Size, Push and Pull
* utilities. By default it is '/' (.u-1/2) and you can change
* it for example to 'of' so that the generated HTML class will be
* 'u-1of2'.
*
* Type: String
*/
$iota-global-delimiter: \/;
@import 'node_modules/iotacss/settings/core';
|