--- /dev/null
+{{ machine_name }}.extra_small:
+ label: mobile
+ mediaQuery: ''
+ weight: 0
+ multipliers:
+ - 1x
+{{ machine_name }}.small:
+ label: mobile
+ mediaQuery: 'all and (min-width: 576px) and (max-width: 767px)'
+ weight: 1
+ multipliers:
+ - 1x
+{{ machine_name }}.medium:
+ label: narrow
+ mediaQuery: 'all and (min-width: 768px) and (max-width: 991px)'
+ weight: 2
+ multipliers:
+ - 1x
+{{ machine_name }}.large:
+ label: wide
+ mediaQuery: 'all and (min-width: 992px) and (max-width: 1199px)'
+ weight: 3
+ multipliers:
+ - 1x
+{{ machine_name }}.extra_large:
+ label: wide
+ mediaQuery: 'all and (min-width: 1200px)'
+ weight: 4
+ multipliers:
+ - 1x