Breakpoint operations

1 operation, breakpoints.update. It runs in a batch through apply_ops, dry_run_ops, the CLI or the admin.

Updated
OperationWhat it doesPermissionConfirmation
breakpoints.updatebreakpoints.update with validated settings and revisioned undo.breakpoints.editnone

breakpoints.update

breakpoints.update with validated settings and revisioned undo.

permission: breakpoints.editwrites: settingsclass: transactionundo: yes

Example input

{
  "before": [
    {
      "id": "base",
      "label": "Base"
    },
    {
      "id": "sm",
      "label": "Phone landscape",
      "minWidth": 480
    },
    {
      "id": "md",
      "label": "Tablet",
      "minWidth": 768
    },
    {
      "id": "lg",
      "label": "Desktop",
      "minWidth": 1024
    },
    {
      "id": "xl",
      "label": "Wide",
      "minWidth": 1440
    }
  ],
  "styleBreakpoints": [
    {
      "id": "base",
      "label": "Base"
    },
    {
      "id": "sm",
      "label": "Phone landscape",
      "minWidth": 480
    },
    {
      "id": "md",
      "label": "Tablet",
      "minWidth": 768
    },
    {
      "id": "lg",
      "label": "Desktop",
      "minWidth": 1024
    },
    {
      "id": "xl",
      "label": "Wide",
      "minWidth": 1600
    }
  ]
}

Input

FieldTypeRequiredNotes
styleBreakpointsarray of objectyes
styleBreakpoints[].idstringyes
styleBreakpoints[].labelstringyesAt least 1 character.
styleBreakpoints[].minWidthintegernoMore than 0.
styleBreakpoints[].maxWidthintegernoMore than 0.
styleBreakpoints[].conditionobject | object | object | object | object | object | object | objectno
beforearray of objectyes
before[].idstringyes
before[].labelstringyesAt least 1 character.
before[].minWidthintegernoMore than 0.
before[].maxWidthintegernoMore than 0.
before[].conditionobject | object | object | object | object | object | object | objectno

Output

FieldTypeRequiredNotes
settingsrecord of any JSONyes

Try it

yarn splash breakpoints.update '{"before":[{"id":"base","label":"Base"},{"id":"sm","label":"Phone landscape","minWidth":480},{"id":"md","label":"Tablet","minWidth":768},{"id":"lg","label":"Desktop","minWidth":1024},{"id":"xl","label":"Wide","minWidth":1440}],"styleBreakpoints":[{"id":"base","label":"Base"},{"id":"sm","label":"Phone landscape","minWidth":480},{"id":"md","label":"Tablet","minWidth":768},{"id":"lg","label":"Desktop","minWidth":1024},{"id":"xl","label":"Wide","minWidth":1600}]}' --dry-run

Generated from the operation registry and the MCP tool catalogue (source a493da2be7522ebc).

Something wrong on this page? Write to docs@librettocms.com.

Libretto docs

Colophon. These docs are a Libretto site: 68 pages in two languages, 20 guide pages imported from Markdown and 41 reference pages generated from the operation registry. Set in Softcore, with code in IBM Plex Mono. Its outline:

/ Libretto docs /start Get started /start/request-access Request access /start/workspace Your workspace /start/first-site Your first site /start/invite-a-client Invite a client /start/connect-claude Connect Claude to Libretto /build Build /build/first-page Build a page /build/layers-and-canvas Layers and canvas /build/site-components Site components /design-system Design system /design-system/tokens Colours, space and themes /design-system/components Components and variants /design-system/fonts Typography and fonts /motion Motion /motion/scenes Scenes and recipes /motion/image-sequences Image sequences /motion/reduced-motion Reduced motion /publish Publish /publish/languages Site languages /publish/versions Publish and versions /publish/members-and-forms Members and forms /publish/domains Domains /handover Hand a site to a client /glossary Glossary /agents Agents and API /agents/mcp MCP server /agents/cli CLI /agents/batches Batches /agents/errors Errors and findings /agents/operations Operations /search Search