aboutsummaryrefslogtreecommitdiff
path: root/src/scss/settings/_core.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss/settings/_core.scss')
-rw-r--r--src/scss/settings/_core.scss97
1 files changed, 97 insertions, 0 deletions
diff --git a/src/scss/settings/_core.scss b/src/scss/settings/_core.scss
new file mode 100644
index 0000000..6f08294
--- /dev/null
+++ b/src/scss/settings/_core.scss
@@ -0,0 +1,97 @@
1/**
2 * Grid columns. This setting is shared between
3 * iotaCSS grid objects and size, pull & push
4 * utilities. You can change it also locally to
5 * each module.
6 *
7 * Type: Unitless Number / List
8 */
9
10$iota-global-columns: 2, 3, 6, 12;
11
12
13/**
14 * Global namespace for Objects, Components and
15 * Utilities
16 *
17 * Type: String
18 */
19
20$iota-global-objects-namespace : 'o-';
21$iota-global-utilities-namespace : 'u-';
22$iota-global-components-namespace : 'c-';
23
24
25/**
26 * Default gutters. This setting is shared between
27 * multiple objects and utilities as the default value
28 * for gutters. You can change it also locally to each
29 * module.
30 *
31 * Type: Number / List / Map
32 */
33
34$iota-global-gutter-default: 10px;
35
36
37/**
38 * Enables flexbox across the app. If you do not want
39 * all modules to use flexbox you can keep this value
40 * false and set it to true separately to each one of
41 * them locally.
42 *
43 * Type: Boolean
44 */
45
46$iota-global-flex: false;
47
48
49/**
50 * Enables rtl across the app. If you enable this setting
51 * the final CSS will be converted to RTL.
52 *
53 * Type: Boolean
54 */
55
56$iota-global-rtl: false;
57
58
59/**
60 * Default global breakpoints map. These are the
61 * default breakpoints map that will be shared across
62 * all iotaCSS modules. You can change it also locally
63 * to each module.
64 *
65 * Type: Map
66 */
67
68$iota-global-breakpoints: (
69 sm : "screen and ( min-width: 768px )",
70 md : "screen and ( min-width: 1000px )"
71);
72
73
74/**
75 * Global breakpoint suffix naming setting. All breakpoint
76 * specific styles have a '@breakpointName' suffix by default.
77 * The \ character is used to escape the @ character.
78 *
79 * Type: String
80 */
81
82$iota-global-breakpoint-separator: \@;
83
84
85/**
86 * Global delimiter naming setting for Size, Push and Pull
87 * utilities. By default it is '/' (.u-1/2) and you can change
88 * it for example to 'of' so that the generated HTML class will be
89 * 'u-1of2'.
90 *
91 * Type: String
92 */
93
94$iota-global-delimiter: \/;
95
96
97@import 'node_modules/iotacss/settings/core';