v2.0.0-beta.214

‼️ This release contains syntactically breaking changes.

Improvements

• Refactor default media queries to use screen sizes tokens _{^{dd9dbbb @1aron}}
• Remove unused variables size and simplify code _{^{5619e66 @1aron}}
• Rename variables box-size to screen _{^{a798d99 @1aron}}

  export default {
      variables: {
          screen: {
              '4xs': 360,
              '3xs': 480,
              '2xs': 600,
              'xs': 768,
              'sm': 834,
              'md': 1024,
              'lg': 1280,
              'xl': 1440,
              '2xl': 1600,
              '3xl': 1920,
              '4xl': 2560
          }
      }
  }

  Apply the screen variables:

  - max-w:md
  + max-w:screen-md

• Use size:W|H, max:W|H, min:W|H instead of WxH, max:WxH, min:WxH _{^{da8331e @1aron}}

  - 16x16
  + size:16 = size:4x

  - max:16x32
  + max:16|32 = max:4x|8x

  - min:16x16
  + min:16 = min:4x

  The x separator in 16x32 collides with the latest unit multiplier x, like 16xx32x, and it is unintuitive.

Documentation

• New documentation Screen Sizes _{^{ddc8631 @1aron}}
• Add code to cancel maximum width for media #318 _{^{d3835a5 @1aron}}
• Update Box Decoration Break demos _{^{f1a9d2f @1aron}}

Tests

• Add tests for size, max size, and min size _{^{92238b3 @1aron}}