common-breakpoints

common-breakpoints

This package exports common breakpoints from popular CSS frameworks for use in CSS-in-JS libraries.

Example

To use tailwind's breakpoints with stiches, do the following:

import { createStitches } from '@stitches/react';
import { tailwindQueries } from 'common-breakpoints';

export const { styled, css } = createStitches({
  media: tailwindQueries,
});

And that's all there is to it! Since this library ships with TypeScript definitions everything will be strongly typed.

Available Exports

This package exports objects where values can be either numbers (just the framework nmae) or strings (ends with Queries). The keys for each export are named after their source.

• default, bootstrap, and bootstrapQueries (source)
• bulma and bulmaQueries (source)
• foundation and foundationQueries (source)
• mantine and mantineQueries (source)
• mui and muiQueries (source)
• pico and picoQueries (source)
• tailwind and tailwindQueries (source)

License

MIT