diff options
Diffstat (limited to 'src/scss/objects/_container.scss')
-rw-r--r-- | src/scss/objects/_container.scss | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/src/scss/objects/_container.scss b/src/scss/objects/_container.scss new file mode 100644 index 0000000..2b28286 --- /dev/null +++ b/src/scss/objects/_container.scss | |||
@@ -0,0 +1,56 @@ | |||
1 | /** | ||
2 | * Allows you to change the default container name | ||
3 | * from .o-container. | ||
4 | * | ||
5 | * Type: String | ||
6 | */ | ||
7 | |||
8 | $iota-objs-container-namespace: 'container'; | ||
9 | |||
10 | |||
11 | /** | ||
12 | * Allows you to specify the default set of padding | ||
13 | * left and right of your container. You can use a | ||
14 | * map in case you would like to specify responsive | ||
15 | * gutter sizes. | ||
16 | * | ||
17 | * Type: Number / List / Map | ||
18 | */ | ||
19 | |||
20 | $iota-objs-container-gutter-default: $iota-global-gutter-default; | ||
21 | |||
22 | |||
23 | /** | ||
24 | * Allows you to specify more sets of padding left and | ||
25 | * right of your container. You can use a nested map in | ||
26 | * case you would like to specify responsive gutter sizes. | ||
27 | * | ||
28 | * Type: Map | ||
29 | */ | ||
30 | |||
31 | $iota-objs-container-gutter-extra: (); | ||
32 | |||
33 | |||
34 | /** | ||
35 | * Allows you to specify the default max-width of your | ||
36 | * container. You can use a map in case you would like | ||
37 | * to specify a responsive size. | ||
38 | * | ||
39 | * Type: String / Map | ||
40 | */ | ||
41 | |||
42 | $iota-objs-container-size-default: 1000px; | ||
43 | |||
44 | |||
45 | /** | ||
46 | * Allows you to specify more sets of max-width for your | ||
47 | * container. You can use a nested map in case you would | ||
48 | * like to specify a responsive size. | ||
49 | * | ||
50 | * Type: Map | ||
51 | */ | ||
52 | |||
53 | $iota-objs-container-size-extra: (); | ||
54 | |||
55 | |||
56 | @import 'node_modules/iotacss/objects/container'; | ||