Breakpoint

Mobile first breakpoint helpers

Vue Composable

Usage

import useBreakpoint from 'path-to-breakpoint';

const breakpoint = useBreakpoint()

 <div v-if="breakpoint.sm">sm</div>
 <div v-if="breakpoint.md">md</div>
 <div v-if="breakpoint.lg">lg</div>
 <div v-if="breakpoint.xl">xl</div>

Sass

@import 'path-to-breakpoint';

@include breakpoint_sm { ... };
@include breakpoint_md { ... };
@include breakpoint_lg { ... };
@include breakpoint_xl { ... };