diff options
Diffstat (limited to 'src/scss/settings/_core.scss')
-rw-r--r-- | src/scss/settings/_core.scss | 97 |
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'; | ||