mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
37 lines
797 B
SCSS
37 lines
797 B
SCSS
@use 'sass:map';
|
|
@use '../config';
|
|
|
|
@use '../config' as *;
|
|
|
|
.flag {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: config.$avatar-size;
|
|
aspect-ratio: 1.33333;
|
|
vertical-align: bottom;
|
|
background: no-repeat center/cover;
|
|
box-shadow: config.$flag-box-shadow;
|
|
@include config.border-radius(config.$flag-border-radius);
|
|
|
|
&.flag-country-np {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
|
|
@each $country in config.$flag-countries {
|
|
.flag-country-#{$country} {
|
|
background-image: url('#{config.$assets-base}/img/flags/#{$country}.svg');
|
|
}
|
|
}
|
|
|
|
@each $flag-size, $size in config.$flag-sizes {
|
|
.flag-#{$flag-size} {
|
|
width: map.get($size, size);
|
|
|
|
@if map.has-key($size, border-radius) {
|
|
@include config.border-radius(map.get($size, border-radius));
|
|
}
|
|
}
|
|
}
|