flag-css
flag-css copied to clipboard
The SVG-only release contains references to PNG
Using the most recent 0.0.12 version without PNG, you see this in flag-list.scss:
@mixin flag($alpha3, $alpha2, $numeric, $ioc: null, $fifa: null) {
@if $ioc == null and $fifa == null {
.flag-#{$alpha3}, .flag-#{$alpha2}, .flag-#{$numeric} {
background-image: unquote("url(#{$flag-css-png-path}/#{$alpha3}.png)");
background-image: unquote("url(#{$flag-css-path}/#{$alpha3}.svg)");
}
}
@else if $ioc != null and $fifa == null {
.flag-#{$alpha3}, .flag-#{$alpha2}, .flag-#{$numeric}, .flag-ioc-#{$ioc} {
background-image: unquote("url(#{$flag-css-png-path}/#{$alpha3}.png)");
background-image: unquote("url(#{$flag-css-path}/#{$alpha3}.svg)");
}
} @else if $ioc == null and $fifa == null {
.flag-#{$alpha3}, .flag-#{$alpha2}, .flag-#{$numeric}, .flag-fifa-#{$fifa} {
background-image: unquote("url(#{$flag-css-png-path}/#{$alpha3}.png)");
background-image: unquote("url(#{$flag-css-path}/#{$alpha3}.svg)");
}
} @else {
.flag-#{$alpha3}, .flag-#{$alpha2}, .flag-#{$numeric}, .flag-ioc-#{$ioc}, .flag-fifa-#{$fifa} {
background-image: unquote("url(#{$flag-css-png-path}/#{$alpha3}.png)");
background-image: unquote("url(#{$flag-css-path}/#{$alpha3}.svg)");
}
}
}
As you can see, the mixin references the PNG flags as well as the SVG ones. This is also seen in the "Exceptions" section.
Thank you for the great library!