misc: 500px 모드를 일관되게 적용.

- media-1000px, media-500px 추가
2021-12-21 00:30:29 +09:00
parent 841e5c5395
commit 587f9fc1ec
8 changed files with 46 additions and 39 deletions
@@ -12,4 +12,16 @@ $grid-breakpoints: (
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
-);
+);
+
+@mixin media-1000px{
+  @media (min-width: map-get($grid-breakpoints, 'md')) {
+    @content;
+  }
+}
+
+@mixin media-500px{
+  @media (max-width: calc(map-get($grid-breakpoints, 'md') - .02px)) {
+    @content;
+  }
+}