@maggioli-design-system/design-tokens/dist/js/tailwind-screens.js

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

/*
@magma-design-system/design-tokens v14.1.0
Generated by Style Dictionary
Do not edit directly
Generated at Mon, 08 Jun 2026 14:52:24 GMT
*/

const screens = {
  mobile: {
      max: '767px',
  },
  tablet: '768px',
  'tablet-max': {
    max: '1023px',
  },
  desktop: '1024px',
  'desktop-max': {
    max: '1279px',
  },
  wide: '1280px',
  'wide-max': {
    max: '1439px',
  },
  large: '1440px',
  'large-max': {
    max: '1599px',
  },
  xlarge: '1600px',
  'xlarge-max': {
    max: '1919px',
  },
  tv: '1920px',
}

module.exports = {
  screens,
}