@mixin flex($direction, $justify, $align) {
	display: flex;

	// for flex direction
	@if $direction == "r" {
		flex-direction: row;
	} @else if $direction == "rr" {
		flex-direction: row-reverse;
	} @else if $direction == "c" {
		flex-direction: column;
	} @else if $direction == "cr" {
		flex-direction: column-reverse;
	} @else {
	}

	// for justify
	@if $justify == "c" {
		justify-content: center;
	} @else if $justify == "fs" {
		justify-content: flex-start;
	} @else if $justify == "fe" {
		justify-content: flex-end;
	} @else if $justify == "sa" {
		justify-content: space-around;
	} @else if $justify == "sb" {
		justify-content: space-between;
	} @else if $justify == "se" {
		justify-content: space-evenly;
	} @else {
	}

	// for align
	@if $align == "c" {
		align-items: center;
	} @else if $align == "fs" {
		align-items: flex-start;
	} @else if $align == "fe" {
		align-items: flex-end;
	} @else {
	}
}