Skip to content

Instantly share code, notes, and snippets.

@fredgrott
Created December 28, 2025 16:06
Show Gist options
  • Select an option

  • Save fredgrott/896f1599378b80e8069a155da0e2abc6 to your computer and use it in GitHub Desktop.

Select an option

Save fredgrott/896f1599378b80e8069a155da0e2abc6 to your computer and use it in GitHub Desktop.
breakpoints for WindowSize classes
// Copyright 2025 Fredrick Allan Grott. All rights reserved.
// Use of this source code is governed by a BSD-style
// license that can be found in the LICENSE file.
//
// Modified from window_size_classes package by Yuna
// Copyright 2025 under GNU LGPL 3.0
/// The minimum width for [WindowWidthClass.medium] layouts.
///
/// Screens smaller than this value use [WindowWidth.compact].
const mediumWidthBreakpoint = 600.0;
/// The minimum width for [WindowWidth.expanded] layouts.
///
/// This breakpoint typically corresponds to tablet-sized screens.
const expandedWidthBreakpoint = 840.0;
/// The minimum width for [WindowWidth.large] layouts.
///
/// This breakpoint is designed for desktop and large tablet screens.
const largeWidthBreakpoint = 1200.0;
/// The minimum width for [WindowWidth.extraLarge] layouts.
///
/// This breakpoint targets very large desktop screens and ultra-wide displays.
const extraLargeWidthBreakpoint = 1600.0;
/// The minimum height for [WindowHeight.medium] layouts.
///
/// Screens smaller than this value use [WindowHeight.compact].
const mediumHeightBreakpoint = 480.0;
/// The minimum height for [WindowHeight.expanded] layouts.
///
/// This breakpoint provides ample vertical space for complex layouts.
const expandedHeightBreakpoint = 900.0;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment