$flags-path: '#{$tabler-base}/lib/images/flags/' !default;

.flag {
	width: (1.2rem*640/480);
	height: 1.2rem;
	display: inline-block;
	background: no-repeat center/100% 100%;
	vertical-align: bottom;
	font-style: normal;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
	border-radius: 2px;

}

@each $flag in $flag-icons {
	.flag-#{$flag} {
		background-image: url($flags-path + $flag + '.svg');
	}
}