旗-虹-晶环

SVG中所有国旗的集合——外加CSS以方便整合. 见 演示。 。 。 .

安装

你也可以这样 下载 整个项目如实或通过鲍尔或国家预防机制安装:

$ bower install flag-icon-css
$ npm install flag-icon-css

使用量

使用带有文字的旗帜时, 添加分类 .flag-icon 财务报告和审定财务报表 .flag-icon-xx (何处) xx 这是 ISO 3166-1-α-2代码 国家)改为空 <span>。如果想要有一个平方版本的旗帜 然后添加类 flag-icon-squared 还有 如果你想要四面八方的旗子,请加上这门课 flag-icon-rounded 还有 示例

<span class="flag-icon flag-icon-gr"></span>
<span class="flag-icon flag-icon-gr flag-icon-squared"></span>
<span class="flag-icon flag-icon-gr flag-icon-rounded"></span>

你也可以把这个应用到任何元素上,但在这种情况下,你必须使用 flag-icon-background 改为 flag-icon 你准备好了 这将增加 cSS 属性的正确背景 :

background-size: contain;
background-position: 50%;
background-repeat: no-repeat;

也就是说 旗帜会出现在元素中间 您需要手动设定 4 乘 3 比例的正确大小, 或者如果它为平方( 四舍五入) 又添加 flag-icon-squared (单位:千美元)flag-icon-rounded)类.

发展

运行 npm install 用于在项目克隆后安装依赖性 你将可以:

查看更改, 如果已服务, 将进行活装

$ grunt

要建设 *.less 文件

$ grunt build

为它服务 localhost:8000

$ grunt connect

要在 Cs 文件中只包含特定国家,请删除您没有的国家 需要来自 flag-icon-list.less 文档并再次构建它.

贷项

这个项目是[lipis/flag-icon-css]的叉子(https://github.com/lipis/flag-icon-css (中文(简体) )) (中文(简体) ). 我的贡献是增加支持圆形旗帜图标。 骨髓包的作者拒绝了我们的公关.