merged/config/styles.yaml
2022-12-06 14:33:38 +02:00

134 lines
3.4 KiB
YAML

---
sections:
- template: section_cards
header: Two or more column layout with header
text: A header with text and two column layout. Columns have a little gap, so
background color comes through. 2,3 or 4 columns. Cards freely choosable
cards: true
fields:
- header
- text
options:
- background
- columns
- color
- align
- button_link
- button_text
- template: section_full_up
header: Centered Header with text
text: Full width header with centered headline and optional text
fields:
- header
- text
- template: section_half_image
header: Split section with image left or right
text: Image on one side, header and text on the other.
Order depends on order option. Optional button.
fields:
- header
- text
options:
- order
- background
- color
- subheader
- text
- align
- button_link
- button_text
- template: section_full_left
header: Full image header, text left
text: Large picture background with Header and text towards the left.
Text is slightly shaded for readability
fields:
- header
- text
options:
- fixed
- template: section_spacer
header: Spacer
text: Just for extra padding
fields:
cards:
- template: card_full_image
header: Full background
text: With text in bottom right corner, offset with solid color
fields:
- header
- text
- template: card_normal_square
header: Standard card with square image
text: Image, header, text, normal stuff
fields:
- header
- text
options:
- background
- color
- align
- subheader
- template: card_normal_round
header: Standard card with square image
text: Image, header, text, normal stuff
fields:
- header
- text
options:
- name: fixed
desciption:
Paralax effect where background stays fixed
during scrolling
values: on off
default: off
- name: columns
desciption:
Number of columns in a layout that supports cards
values: 2 3 4
default: 3
- name: background
desciption:
Background colors. Light colors stay with black text.
Solid colors invert to white text.
values: white none light_blue light_grey light_orange solid_blue solid_red solid_indigo
default: none
- name: color
desciption:
Text colors. Don't use with solid background colors.
Same colors as background available. Default none, meas as parent.
values: none white light_blue light_grey solid_black solid_blue solid_red solid_indigo
default: none
- name: align
desciption:
Align text of children. Normal Word meaning
values: left center right
default: left
- name: order
desciption:
For two column layout determine order of sub-cards
Values of left and right usually refer to where the image is
For cards it can also mean up and down
values: left right
default: left
- name: button_text
desciption:
Text for an optional button. Must also set button_link
values:
default:
- name: subheader
desciption:
Smaller header between Header and text
values:
default:
- name: text
desciption:
Second text. Just a second paragraph
values:
default:
- name: button_link
desciption:
Link for an option button. Must also set button_text.
Link must be a page name, ie only internal links allowed.
values:
default: