Files
core/hwe/scss/common/break_500px.scss
T
Hide_D 587f9fc1ec misc: 500px 모드를 일관되게 적용.
- media-1000px, media-500px 추가
2021-12-21 00:30:29 +09:00

27 lines
404 B
SCSS

$container-max-widths: (
md: 500px,
lg: 1020px,
xl: 1140px,
xxl: 1320px
);
$grid-breakpoints: (
xs: 0,
sm: 520px,
md: 900px,
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;
}
}