feat(media query): The media function has been deprecated and replaced with a method for writing queries directly.

Author: refirst11

src/core/breakpoint.ts

@@ -0,0 +1,11 @@
+export const min_sm = '@media screen and (min-width: 640px)';
+export const min_md = '@media screen and (min-width: 768px)';
+export const min_lg = '@media screen and (min-width: 1024px)';
+export const min_xl = '@media screen and (min-width: 1280px)';
+export const min_2xl = '@media screen and (min-width: 1536px)';
+
+export const max_sm = '@media screen and (max-width: 640px)';
+export const max_md = '@media screen and (max-width: 768px)';
+export const max_lg = '@media screen and (max-width: 1024px)';
+export const max_xl = '@media screen and (max-width: 1280px)';
+export const max_2xl = '@media screen and (max-width: 1536px)';