Breakpoints

The layout is defined for following viewport’s breakpoints:

Usage

The breakpoints are used internally and can be used in your projects too. For such purpose we expose a mixin that can be used as following:

@use "@dfinity/gix-components/styles/mixins/media";

@include media.min-width(large) {
  div:after {
    content: "A style that should happen only as of large screen.";
  }
}