@bnnvara/breakpoints

Breakpoints for BNNVARA

Usage no npm install needed!

<script type="module">
  import bnnvaraBreakpoints from 'https://cdn.skypack.dev/@bnnvara/breakpoints';
</script>

README

Breakpoints

For optimal user experience, material design interfaces need to be able to adapt their layout at various breakpoints. Breakpoints return a media query string.

Design & API Documentation

Patterns library

Installation

npm install @bnnvara/breakpoints --save

Basic Usage

import breakpoints from '@bnnvara/metablocks';

Fixed screen widths

  xs: 480px or larger;
  md: 768px or larger;
  lg: 1024px or larger;
  xl: 1440px or larger;