Layout and depth

Breakpoints, content measures, grids and stacking roles for the Portal workspace.

PreviewNameValue

--sous-ref-layout-breakpoint-2xl1440px

--sous-ref-layout-breakpoint-3xl1600px

--sous-ref-layout-breakpoint-lg1024px

--sous-ref-layout-breakpoint-md768px

--sous-ref-layout-breakpoint-sm640px

--sous-ref-layout-breakpoint-xl1280px

--sous-ref-layout-breakpoint-xs480px

--sous-ref-layout-container-2xl1280px

--sous-ref-layout-container-3xl1440px

--sous-ref-layout-container-lg960px

--sous-ref-layout-container-md768px

--sous-ref-layout-container-sm640px

--sous-ref-layout-container-xl1200px

--sous-ref-layout-container-xs480px

--sous-ref-layout-grid-compact4

--sous-ref-layout-grid-medium8

--sous-ref-layout-grid-wide12

--sous-ref-layout-measure-240240px

--sous-ref-layout-measure-280280px

--sous-ref-layout-measure-560560px

--sous-ref-layout-measure-640640px

--sous-ref-layout-measure-720720px

--sous-ref-layout-measure-960960px

--sous-ref-layout-measure-12001200px

--sous-ref-layout-measure-12801280px

--sous-ref-layout-measure-14401440px

--sous-ref-z-base0

--sous-ref-z-dropdown20

--sous-ref-z-modal40

--sous-ref-z-overlay30

--sous-ref-z-sticky10

--sous-ref-z-toast50

--sous-ref-z-tooltip60

--sous-layout-content-max1200px

--sous-layout-form-max560px

--sous-layout-gutter-lg40px

--sous-layout-gutter-md32px

--sous-layout-gutter-sm24px

--sous-layout-gutter-xs16px

--sous-layout-page-max1440px

--sous-layout-reading-max640px

--sous-layout-sidebar240px

--sous-layout-sidebar-wide280px

--sous-z-base0

--sous-z-dropdown20

--sous-z-modal40

--sous-z-overlay30

--sous-z-sticky10

--sous-z-toast50

--sous-z-tooltip60