This repository has been archived by the owner on Jan 11, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathexample.json
65 lines (56 loc) · 2.38 KB
/
example.json
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
// KINEO THEME EXAMPLE JSON - The below config is optional to apply additional theme styles.
// ========================
// Page Content Object - add to all content objects and configure as necessary
"_classes": "" // ContentObject classes are now appended to .page elemnts as additional class selectors
"_theme": {
"_themePalette": "palette-01", // define theme palette for multiple theme palettes
"_pageHeader": { // enable page header and apply background image and min-height
"_showScrollButton": true, // add scroll button to header
"_backgroundImage": {
"_large": "course/en/images/base_assets/hero_image.jpg",
"_medium": "course/en/images/base_assets/hero_image.jpg",
"_small": "course/en/images/base_assets/hero_image_mobile.jpg"
},
"_minimumHeights": {
"_large": 500,
"_medium": 400,
"_small": 300
}
},
"_pageFooter": { // enable page footer and apply background image and min-height
"_isEnabled": true,
"_backgroundImage": {
"_large": "course/en/images/base_assets/hero_image.jpg",
"_medium": "course/en/images/base_assets/hero_image.jpg",
"_small": "course/en/images/base_assets/hero_image_mobile.jpg"
},
"_minimumHeights": {
"_large": 500,
"_medium": 400,
"_small": 300
}
}
}
// Article - add to articles that need the functionality provided by the theme
"_theme": { // apply background image to article
"_backgroundImage": {
"_large": "course/en/images/base_assets/hero_image.jpg",
"_medium": "course/en/images/base_assets/hero_image.jpg",
"_small": "course/en/images/base_assets/hero_image_mobile.jpg"
}
}
// Block - add to blocks that need the functionality provided by the theme
"_theme": { // apply background image and min-height to block
"_backgroundImage": {
"_large": "course/en/images/base_assets/hero_image.jpg",
"_medium": "course/en/images/base_assets/hero_image.jpg",
"_small": "course/en/images/base_assets/hero_image_mobile.jpg"
},
"_minimumHeights": {
"_large": 500,
"_medium": 400,
"_small": 300
}
}
// Component - layout styles
"_layout": "full/left/right/medium" // medium is a single span component which inherits medium max-width