bootstrap_five_layouts-1.0.x-dev/config/install/bootstrap_five_layouts.settings.yml
config/install/bootstrap_five_layouts.settings.yml
default_container: 'no-container'
theme_classes: ''
pillbox_classes: ''
max_file_size: 838860
allowed_media_types:
- image
allowed_file_types: 'jpg jpeg png webp'
allow_media: 'file'
enable_background: FALSE
custom_maxlength: 1056
xs_label: 'Base'
container_appearence: TRUE
row_appearence: TRUE
column_appearence: TRUE
spacing_appearence: FALSE
description_helper_selector: '.form-item__description'
utility_options:
g:
primary: false
detail-group: 'Gutters'
field-label: 'Gap'
field-description: '<ul><li>Controls gutters (spacing) between grid columns on all sides. Applied to row elements.</li><li><b>No Gutters (g-0)</b>: The gutters between columns in our predefined grid classes can be removed with .g-0. This removes the negative margins from .row and the horizontal padding from all immediate children columns.</li></ul>'
applicable:
- 'row'
responsive: true
property: 'gap'
class: 'g'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
gx:
primary: false
detail-group: 'Gutters'
field-label: 'Column Gap/Gutter X'
field-description: 'Controls horizontal gutters (spacing) between grid columns. Applied to row elements.'
applicable:
- 'row'
responsive: true
property: 'column-gap'
class: 'gx'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
gy:
primary: false
detail-group: 'Gutters'
field-label: 'Row Gap/Gutter Y'
field-description: 'Controls vertical gutters (spacing) between grid rows. Applied to row elements.'
applicable:
- 'row'
responsive: true
property: 'row-gap'
class: 'gy'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
offset:
primary: true
detail-group: 'Content & Layout'
field-label: 'Column Offsets'
field-description: 'Controls the column offset (push).'
applicable:
- 'col'
responsive: true
property: 'offset'
class: 'offset'
values:
1: '1'
2: '2'
3: '3'
4: '4'
5: '5'
6: '6'
7: '7'
8: '8'
9: '9'
10: '10'
11: '11'
visibility:
primary: true
detail-group: 'Content & Layout'
field-label: 'Display & Visibility'
field-description: 'Controls element display and visibility with responsive Bootstrap utilities for showing/hiding content across different screen sizes.'
applicable:
- 'container'
- 'col'
responsive: false
property: 'Content'
class: 'd'
values:
'none d-sm-block': 'Hide on xs'
'sm-none d-md-block': 'Hide on sm'
'md-none d-lg-block': 'Hide on md'
'lg-none d-xl-block': 'Hide on lg'
'xl-none d-xxl-block': 'Hide on xl'
'xxl-none': 'Hidden on xxl'
'print-none' : 'Hide on Print'
grouping:
'Hidding Options':
-
label: 'Hide on xs'
classes: ['d-none d-sm-block']
-
label: 'Hide on sm'
classes: ['d-sm-none d-md-block']
-
label: 'Hide on md'
classes: ['d-md-none d-lg-block']
-
label: 'Hide on lg'
classes: ['d-lg-none d-xl-block']
-
label: 'Hide on xl'
classes: ['d-xl-none d-xxl-block']
-
label: 'Hide on xxl'
classes: ['d-xxl-none']
'Print Option':
-
label: 'Hide on Print'
classes: ['d-print-none']
text-align:
primary: false
detail-group: 'Content & Layout'
field-label: 'Text Align'
field-description: 'Controls the horizontal alignment of text content within elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'text-align'
class: 'text'
values:
start: 'start'
end: 'end'
center: 'center'
justify: 'justify'
justify-content:
primary: false
detail-group: 'Content & Layout'
field-label: 'Justify Content'
field-description: 'Controls the alignment of flex items along the main axis of the flex container.'
applicable:
- 'container'
- 'row'
responsive: true
property: 'justify-content'
class: 'justify-content'
values:
start: 'flex-start'
end: 'flex-end'
center: 'center'
between: 'space-between'
around: 'space-around'
evenly: 'space-evenly'
align:
primary: FALSE
detail-group: 'Content & Layout'
field-label: 'Vertical Alignment'
field-description: 'Controls the alignment of individual flex items along the cross axis, overriding the container setting.'
applicable:
- 'col'
responsive: true
property: 'Content'
class: align
values:
text-top: 'text-top'
top: 'top'
baseline: 'baseline'
middle: 'middle'
bottom: 'bottom'
text-bottom: 'text-bottom'
padding:
primary: false
detail-group: 'Spacing'
field-label: 'Padding'
field-description: 'Controls the padding (internal space) inside elements on all sides.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'padding'
class: 'p'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
padding-x:
primary: false
detail-group: 'Spacing'
field-label: 'Padding X'
field-description: 'Controls the horizontal padding (left and right) inside elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'padding'
class: 'px'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
padding-start:
primary: false
detail-group: 'Spacing'
field-label: 'Padding Start'
field-description: 'Controls the padding on the start side inside elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
ltr: true
property: 'padding-left'
class: 'ps'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
padding-end:
primary: false
detail-group: 'Spacing'
field-label: 'Padding End'
field-description: 'Controls the padding on the end side inside elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
ltr: true
property: 'padding-right'
class: 'pe'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
padding-y:
primary: false
detail-group: 'Spacing'
field-label: 'Padding Y'
field-description: 'Controls the vertical padding (top and bottom) inside elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'padding'
class: 'py'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
padding-top:
primary: false
detail-group: 'Spacing'
field-label: 'Padding Top'
field-description: 'Controls the padding above content inside elements (internal space).'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'padding-top'
class: 'pt'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
padding-bottom:
primary: false
detail-group: 'Spacing'
field-label: 'Padding Bottom'
field-description: 'Controls the padding below content inside elements (internal space).'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'padding-bottom'
class: 'pb'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
margin:
primary: false
detail-group: 'Spacing'
field-label: 'Margin'
field-description: 'Controls the margin (external space) around elements on all sides.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'margin'
class: 'm'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
auto: 'auto'
margin-x:
primary: false
detail-group: 'Spacing'
field-label: 'Margin X'
field-description: 'Controls the horizontal margin (left and right) around elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'margin'
class: 'mx'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
auto: 'auto'
margin-start:
primary: false
detail-group: 'Spacing'
field-label: 'Margin Start'
field-description: 'Controls the margin on the start side of elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
ltr: true
property: 'margin-left'
class: 'ms'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
auto: 'auto'
margin-end:
primary: false
detail-group: 'Spacing'
field-label: 'Margin End'
field-description: 'Controls the margin on the end side of elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
ltr: true
property: 'margin-right'
class: 'me'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
auto: 'auto'
margin-y:
primary: false
detail-group: 'Spacing'
field-label: 'Margin Y'
field-description: 'Controls the vertical margin (top and bottom) around elements.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'margin'
class: 'my'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
auto: 'auto'
margin-top:
primary: false
detail-group: 'Spacing'
field-label: 'Margin Top'
field-description: 'Controls the margin above elements (external space).'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'margin-top'
class: 'mt'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
auto: 'auto'
margin-bottom:
primary: false
detail-group: 'Spacing'
field-label: 'Margin Bottom'
field-description: 'Controls the margin below elements (external space).'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'margin-bottom'
class: 'mb'
values:
'0': '0'
'1': '0.25rem'
'2': '0.5rem'
'3': '1rem'
'4': '1.5rem'
'5': '3rem'
auto: 'auto'
align-items:
primary: false
detail-group: 'Content & Layout'
field-label: 'Align Items'
field-description: 'Controls the alignment of flex items along the cross axis of the flex container.'
applicable:
- 'container'
- 'row'
responsive: true
property: 'align-items'
class: align-items
values:
start: 'flex-start'
end: 'flex-end'
center: 'center'
baseline: 'baseline'
stretch: 'stretch'
align-content:
primary: false
detail-group: 'Content & Layout'
field-label: 'Align Content'
field-description: 'Controls the alignment of flex lines when there is extra space in the cross axis.'
applicable:
- 'container'
- 'row'
responsive: true
property: 'align-content'
class: align-content
values:
start: 'flex-start'
end: 'flex-end'
center: 'center'
between: 'space-between'
around: 'space-around'
stretch: 'stretch'
align-self:
primary: false
detail-group: 'Content & Layout'
field-label: 'Align Self'
field-description: 'Controls the alignment of individual flex items along the cross axis, overriding the container setting.'
applicable:
- 'container'
- 'row'
- 'col'
responsive: true
property: 'align-self'
class: align-self
values:
auto: 'auto'
start: 'flex-start'
end: 'flex-end'
center: 'center'
baseline: 'baseline'
stretch: 'stretch'
flex-grow:
primary: true
detail-group: 'Content & Layout'
field-label: 'Flex Grow'
field-description: 'Controls the flex-grow property of flex items. Higher values make items grow more when space is available.'
applicable:
- 'col'
responsive: true
property: 'flex-grow'
class: 'flex'
values:
grow-0: 0
grow-1: 1
flex-shrink:
primary: true
detail-group: 'Content & Layout'
field-label: 'Flex Shrink'
field-description: 'Controls the flex-shrink property of flex items. Higher values make items shrink more when space is limited.'
applicable:
- 'col'
responsive: true
property: 'flex-shrink'
class: 'flex'
values:
shrink-0: 0
shrink-1: 1
flex-wrap:
primary: false
detail-group: 'Content & Layout'
field-label: 'Flex Wrap'
field-description: 'Controls whether flex items should wrap to new lines or stay on one line.'
applicable:
- 'container'
- 'row'
responsive: true
property: 'flex-wrap'
class: 'flex'
values:
wrap: 'wrap'
nowrap: 'nowrap'
wrap-reverse: 'wrap-reverse'
container_options:
'container': 'Container'
'container-sm': 'SM'
'container-md': 'MD'
'container-lg': 'LG'
'container-xl': 'XL'
'container-xxl': 'XXL'
'container-fluid': 'Fluid'
responsive_breakpoints:
'':
name: 'X-Small'
short: 'xs'
'sm':
name: 'Small'
short: 'sm'
'md':
name: 'Medium'
short: 'md'
'lg':
name: 'Large'
short: 'lg'
'xl':
name: 'X-Large'
short: 'xl'
'xxl':
name: 'XX-Large'
short: 'xxl'
base_options:
col:
primary: true
detail-group: 'Base Layout'
field-label: 'Responsive Column Options'
field-description: 'The essential classes for Responsive Breakpoint relayouts.'
applicable:
- 'col'
responsive: true
property: 'column'
class: 'col'
values:
'auto': 'auto'
1: 1
2: 2
3: 3
4: 4
5: 5
6: 6
7: 7
8: 8
9: 9
10: 10
11: 11
12: 12
row-cols:
primary: true
detail-group: 'Base Layout'
field-label: 'Row Columns'
field-description: 'Controls the number of columns that should appear side by side on different screen sizes.'
applicable:
- 'row'
responsive: true
property: 'row-cols'
class: 'row-cols'
values:
'1': '1'
'2': '2'
'3': '3'
'4': '4'
'5': '5'
'6': '6'
