frame-size-default
frame-{data.frame_class}
frame-type-{data.CType}
frame-list-type-{data.list_type}
frame-layout-{data.frame_layout}
frame-dataitem-class-{data.data_layout_itemClass}
frame-carousel-{data.activate_carousel} frame-carousel-arrows-{data.carousel_options.showArrows} frame-carousel-dots-{data.carousel_options.showDots}
frame-background-{f:if(condition: data.background_color_class, else: 'none', then: data.background_color_class)}
frame-space-before-{f:if(condition: data.space_before_class, else: 'none', then: data.space_before_class)}
frame-space-after-{f:if(condition: data.space_after_class, else: 'none', then: data.space_after_class)}
frame-space-inner-before-{f:if(condition: data.custom_space_inner_before, else: 'default', then: data.custom_space_inner_before)}
frame-space-inner-after-{f:if(condition: data.custom_space_inner_after, else: 'default', then: data.custom_space_inner_after)}
{f:if(condition: data.grid, then: 'frame-grid-{data.grid}')} {f:if(condition: data.grid_sm, then: 'frame-grid-sm-{data.grid_sm}')} {f:if(condition: data.grid_md, then: 'frame-grid-md-{data.grid_md}')} {f:if(condition: data.grid_lg, then: 'frame-grid-lg-{data.grid_lg}')} {f:if(condition: data.grid_xl, then: 'frame-grid-xl-{data.grid_xl}')}
{f:if(condition: data.grid_gutter, then: 'frame-{data.grid_gutter}')}
{f:if(condition: data.grid_alignment, then: 'frame-{data.grid_alignment}')}
{f:if(condition: data.imageborder, then: 'frame-imageborder', else: 'frame-no-imageborder')}
{f:if(condition: data, then: data.data_layout_itemClass, else: itemLayout)}
{f:if(condition: data, then: data.data_layout_itemBgClass, else: itemBgClass)}
{f:if(condition: data, then: '{data.data_layout_itemButtonStyle}', else: '{itemButtonStyle}')}
-{itemButtonStyleGeneric}
card frame-background frame-background-{itemBgClass}
card-body
{f:if(condition: data, then: data.grid)}
{f:if(condition: data, then: data.grid_sm)}
{f:if(condition: data, then: data.grid_md)}
{f:if(condition: data, then: data.grid_lg)}
{f:if(condition: data, then: data.grid_xl)}
{f:if(condition: data, then: data.grid_gutter)}
{f:if(condition: data, then: data.grid_alignment)}
{f:if(condition:'{settings.linkAll}',then: '1', else: '')}
{data.custom_class}
{frameSize} {frameClass} {typeClass} {f:if(condition: listTypeClass, then: listTypeClass)} {layoutClass} {dataitemClass} {backgroundClass} {backgroundImageClass} {galleryAsBackgroundImageClass} {spaceBeforeClass} {spaceAfterClass} {f:if(condition: data.custom_space_inner, then: '{spaceInnerBeforeClass} {spaceInnerAfterClass}')} {gridClass} {gutterClass} {alignmentClass} {imageBorder} {f:if(condition:customClass, then:'{customClass}')} {f:if(condition:data.activate_carousel, then:'{carouselClass}')}
layout-{f:if(condition: itemLayout, then: '{itemLayout}', else: 'default')} block-row {gridGutter} {gridAlignment} {grid} {gridSm} {gridMd} {gridLg} {gridXl} {linkAll}
{data.grid as integer}
{data.grid_lg as integer}