Skip to content
Amplify from Studio 24
  • Get started
  • Fundamentals
  • Layout helpers
  • Core components
  • Advanced components
  • Typography test
  • Colours
  • Typography
  • Buttons and links
  • Lists
  • Icons
  • Breakpoints
  • Vertical spacing
  • Hide and show items inclusively
  • Skip link
  • Images
  • Forms
  • Form error messages
  • Tables
  • Blockquotes
  • Details and summary
  • Utility classes
  • Flow elements
  • Print styles

Breakpoints

Sass variables corresponding to generic device viewport widths, which are used within media query mixins. These values can be updated and new variables added as required for your project's needs.

The $max-width variable is used for limiting the maximum width of e.g. main.

The $text-measure variable is designed to be used to limit the maximum line length of text content for improved readability.

© Studio 24