bootstrap_five_layouts-1.0.x-dev/modules/bootstrap_five_layouts_css_loader/bootstrap_five_layouts_css_loader.breakpoints.yml

# Bootstrap 5 default breakpoints
# Based on Bootstrap 5.3 specification
# https://getbootstrap.com/docs/5.3/layout/breakpoints/

bootstrap_five_layouts.xs:
  label: 'XS'
  mediaQuery: 'all and (max-width: 575px)'
  weight: 0
  multipliers:
    - 1x
    - 2x
  group: bootstrap5_layouts

bootstrap_five_layouts.sm:
  label: 'SM'
  mediaQuery: 'all and (min-width: 576px) and (max-width: 767px)'
  weight: 1
  multipliers:
    - 1x
    - 2x
  group: bootstrap5_layouts

bootstrap_five_layouts.md:
  label: 'MD'
  mediaQuery: 'all and (min-width: 768px) and (max-width: 991px)'
  weight: 2
  multipliers:
    - 1x
    - 2x
  group: bootstrap5_layouts

bootstrap_five_layouts.lg:
  label: 'LG'
  mediaQuery: 'all and (min-width: 992px) and (max-width: 1199px)'
  weight: 3
  multipliers:
    - 1x
    - 2x
  group: bootstrap5_layouts

bootstrap_five_layouts.xl:
  label: 'XL'
  mediaQuery: 'all and (min-width: 1200px)'
  weight: 4
  multipliers:
    - 1x
    - 2x
  group: bootstrap5_layouts

bootstrap_five_layouts.xxl:
  label: 'XXL'
  mediaQuery: 'all and (min-width: 1400px)'
  weight: 5
  multipliers:
    - 1x
    - 2x
  group: bootstrap5_layouts