diff --git a/docs/documentation/type._editables.*.styles.yml b/docs/documentation/type._editables.*.styles.yml index fdde90a..3343cc4 100644 --- a/docs/documentation/type._editables.*.styles.yml +++ b/docs/documentation/type._editables.*.styles.yml @@ -4,11 +4,46 @@ title: '' description: >- This key toggles whether CloudCannon will display a dropdown menu in your WYSIWYG toolbar to apply a style to selected text. +examples: + - description: >- + In this example, we have enabled a dropdown menu in our WYSIWYG toolbar to + apply a style to selected text. The styles are defined in the `/css/styles.css` + file. + language: yaml + code: |- + _editables: + content: + styles: /css/styles.css + annotations: [] + source: /cloudcannon.config.yml + - description: >- + This example file defines the styles that CloudCannon can add to your + WYSIWYG toolbar. + language: css + code: |- + /* Can be applied to blocks of content */ + p.callout { + margin: 10px; + border: 1px solid #f5f5f5; + background-color: #eee; + } + /* Can be applied to inline content */ + span.big-blue-text { + font-size: 2rem; + color: blue; + } - Setting this key to `true` will enable a dropdown menu in your WYSIWYG toolbar - to apply a style to selected text. Styles are the combination of an element - and class name. The value for this option is the path (either source or build - output) for the CSS file containing styles. -examples: [] + /* Applied to content, excluded from style dropdown */ + h2 { + font-family: cursive; + } + + /* Applied to content, excluded from style dropdown */ + .align-left { text-align: left; } + .align-center { text-align: center; } + .align-right { text-align: right; } + .align-justify { text-align: justify; } + annotations: [] + source: /css/styles.css show_in_navigation: false diff --git a/docs/documentation/type.structure.values_from_glob.[*].yml b/docs/documentation/type.structure.values_from_glob.[*].yml index 0e91a92..6211628 100644 --- a/docs/documentation/type.structure.values_from_glob.[*].yml +++ b/docs/documentation/type.structure.values_from_glob.[*].yml @@ -22,19 +22,20 @@ examples: type: array options: structures: - values_from_glob: /.cloudcannon/structures/boardMember.cloudcannon.structure-value.yml - values: - - label: Employee - value: - name: - title: - profile_picture: - - label: Manager - value: - name: - title: - profile_picture: - url: + values_from_glob: + - /.cloudcannon/structures/boardMember.cloudcannon.structure-value.yml + values: + - label: Employee + value: + name: + title: + profile_picture: + - label: Manager + value: + name: + title: + profile_picture: + url: annotations: [] source: /cloudcannon.config.yml show_in_navigation: false diff --git a/docs/documentation/type.structure.values_from_glob.yml b/docs/documentation/type.structure.values_from_glob.yml index 4a0f19a..32885e7 100644 --- a/docs/documentation/type.structure.values_from_glob.yml +++ b/docs/documentation/type.structure.values_from_glob.yml @@ -36,19 +36,20 @@ examples: type: array options: structures: - values_from_glob: /.cloudcannon/structures/boardMember.cloudcannon.structure-value.yml - values: - - label: Employee - value: - name: - title: - profile_picture: - - label: Manager - value: - name: - title: - profile_picture: - url: + values_from_glob: + - /.cloudcannon/structures/boardMember.cloudcannon.structure-value.yml + values: + - label: Employee + value: + name: + title: + profile_picture: + - label: Manager + value: + name: + title: + profile_picture: + url: annotations: [] source: /cloudcannon.config.yml - description: ''