title: Ant Design Pro manipulate breakpoint sizes
body: <p>I have been struggling to manipulate/change the breakpoints in Ant Design Pro v4. According to the documentation it should be possible to change the size of the breakpoints via less and/or config.ts.</p>
  
  <p>E.g. in the config.ts file you should be able to set/overwrite parameters. For <code>'screen-xxl': '6000px',</code> anyhow this doesn't work.  The same is true for trying to apply this method via an index.less file, even with "hack" of setting "!Important" this doesn't work as expected.</p>
  
  <pre><code>theme: {
      'border-radius-base': '6px',
      'primary-color': '#147EFB',
      'modal-mask-bg': 'rgba(0, 0, 0, 0.3)',
      'layout-header-height': '50px',
      'layout-sider-background': '#147EFB',
      'menu-dark-bg': '#147EFB',
      'table-row-hover-bg': '#fff', // ...darkTheme,
      'layout-body-background': '#ffffff',
      'menu-collapsed-width': '64px',
      'screen-xxl': '6000px',
    }
  </code></pre>
  
  <p>I have a suspicion that they set the <code>breakpoint</code> variables, only for the Ant Design Pro version, in node based folders. Has anybody had experience in the past with this or any solution would be much appreciated.</p>
  
  <p>Thanks</p>