@use 'sass:map';

@use './setting' as setting;

@mixin bp-up($bp_name) {
	$bp_size: map.get(setting.$breakpoints, $bp_name);

	// サイズが 0 の時はスキップ(カスタマイズでオフにできるように）
	@if $bp_size and $bp_size != 0 {
		@if setting.$is_container_query == 1 {
			@container (min-width: #{$bp_size}) {
				@content;
			}
		} @else {
			@media (min-width: #{$bp_size}) {
				@content;
			}
		}
	}
}
@mixin bp-down($bp_name) {
	$bp_size: map.get(setting.$breakpoints, $bp_name);
	// サイズが 0 の時はスキップ(カスタマイズでオフにできるように）
	@if $bp_size and $bp_size != 0 {
		@if setting.$is_container_query == 1 {
			@container not (min-width: #{$bp_size}) {
				@content;
			}
		} @else {
			@media not (min-width: #{$bp_size}) {
				@content;
			}
		}
	}
}

// 600px未満
// @media not all and (min-width: 600px) {
// 	@content;
// }