merged/config/merged/card_styles.yml
2023-01-28 14:18:06 +02:00

120 lines
3.0 KiB
YAML

---
- template: card_full_image
header: Full background
text: Text in box on top of the imag. Adjustable background
and text color to mix/match with images.
Images can be wide or square, for 2 column 800 wide,
3 column 600 , 4 column 400
fields:
- header
- text
options:
- background
- text_color
- text_align
- template: card_gap_square
header: Narrow card with up down section
text: Smaller image, large margins, possible subheader
Order turns it upside down, image bottom
Images can be wide or square, for 2 column 800 wide,
3 column 600 , 4 column 400
fields:
- header
- text
options:
- background
- text_color
- order
- text_align
- subheader
- template: card_normal_square
header: Standard card with square image
text: Image, header, text, normal stuff. No margin between image and text.
Possible subheader. Text alignment option. Also option to turn upside
down with order.
Images can be wide or square, for 2 column 800 wide,
3 column 600 , 4 column 400
fields:
- header
- text
options:
- background
- text_color
- text_align
- subheader
- order
- button_link
- button_text
- template: card_wide_square
header: Sideway card with square image
text: Much like standard square card, just turned sideways.
Works best for 2 or three columns. Wide pictures, unless there is a lot of text.
Images can be wide or square, for 2 column 600 wide,
3 columns 400
fields:
- header
- text
options:
- background
- text_color
- text_align
- subheader
- order
- button_link
- button_text
- template: card_feature_normal
header: Card looking feature
text: For things where no image is available or apropriate.
Making lists a little more interesting to look at.
May use svg as image, or normal with transparent bg.
Small images or icons.
fields:
- header
- text
options:
- background
- text_color
- text_align
- button_link
- button_text
- template: card_feature_box
header: Feature card with box
text: For things where no image is available or apropriate.
Making lists a little more interesting to look at.
May use svg as image.
fields:
- header
- text
options:
- background
- text_color
- text_align
- button_link
- button_text
- template: card_normal_round
header: Standard card with rounded look
text: Otherwise quite similar to standard. But there is gap under the image.
Images can be wide or square, for 2 column 800 wide,
3 column 600 , 4 column 400
fields:
- header
- text
options:
- background
- text_color
- text_align
- button_link
- button_text
- template: form_field
header: A single field in a form
text: The header is the Name of the field, the description
serves as a placeholder. (No image)
fields:
- header
- text
options:
- compulsory
- form_type