$lui-flexbox-container-padding: 0 1em !default;
$lui-flexbox-container-margin: 1em !default;

$lui-flexbox-block-padding: 1em !default;
$lui-flexbox-block-margin: 0 1em !default;

$lui-flexbox-border: 1px solid $grey-200;

.lui-flexbox-container {
	display: -webkit-box!important;
	display: -moz-box!important;
	display: -ms-flexbox!important;
	display: -webkit-flex!important;
	display: flex!important;

	&.lui-padded {
		padding: $lui-flexbox-container-padding;
	}

	&.lui-margin {
		margin: $lui-flexbox-container-margin;
	}

	.lui-flexbox-block {
		display: -webkit-box!important;
		display: -moz-box!important;
		display: -ms-flexbox!important;
		display: -webkit-flex!important;
		display: flex!important;

		&.lui-padded {
			padding: $lui-flexbox-block-padding;
		}

		&.lui-margin {
			margin: $lui-flexbox-block-margin;
		}
		&.lui-border-left {
			border-left: $lui-flexbox-border;
		}
		&.lui-border-right {
			border-right: $lui-flexbox-border;
		}
		&.lui-border-top {
			border-top: $lui-flexbox-border;
		}
		&.lui-border-bottom {
			border-bottom: $lui-flexbox-border;
		}

	}
}