個人的paddingの共通設定

左右にpaddingを加える共通設定
最大幅1940pxとして左右にメディアクエリーごとのpaddingが設定できます。

例えばcontainerなどに使用

.container {
	@include wrap;
}

@mixin wrap($padding:0 100px, $padding-xl:0 50px, $padding-lg:0 40px, $padding-md:0 30px, $padding-sm:0 20px, $padding-xs:0 15px) {
	width: 100%;
	max-width: 1940px;
	padding: $padding;
	margin: 0 auto;
	@include xl {
		padding: $padding-xl;
	}
	@include lg {
		padding: $padding-lg;
	}
	@include md {
		padding: $padding-md;
	}
	@include sm {
		padding: $padding-sm;
	}
	@include xs {
		padding: $padding-xs;
	}
}