• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

undless/bigoo: Bicolor Font Icon

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

undless/bigoo

开源软件地址:

https://github.com/undless/bigoo

开源编程语言:

HTML 59.5%

开源软件介绍:

GitHub Logo

Bicolor Font Icon by undless

Demo: https://undless.github.io/bigoo/

Bigoo is a bicolor font icon. CSS & font-face only, as regular font icon. I'll update the project with new icons, stay tuned!

It's so FLUFFY

Because it's a font, you can change colors and size the way you want / need / love

Check the demo: https://undless.github.io/bigoo/

I Need it

Well, to use it in your project :

  1. Download the file

  2. Unzip where you want in your project

  3. Link the css to your project :

    <link rel="stylesheet" type="text/css" href="yourPathToTheFile/bigoo/bigoo.min.css">
    
  4. Chose the two colors you want and add them in your own CSS using CSS Variables (CSS Variables Support table )

    :root {
     --bigoo-main-color: #03a9f4;
     --bigoo-second-color: #607d8b;
    }

    Make sure that this declaration is made BEFORE the bigoo.min.css import.

    If you prefer to use SASS Variables: Download the SASS version and set the two colors you want in your SCSS vars definitions $bigoo-main-color: #03a9f4; $bigoo-second-color: #607d8b; Make sure that the var initialization is made BEFORE the bigoo.min.scss import and to preprocess it with all your other stylesheets.

    If you dont want to use variables at all: Just edit the bigoo.min.css file with your 2 colors:

    .bigoo:before{color:#03a9f4}
    .bigoo:after{color:#607d8b}
  5. Use it in your project. You need the general class "bigoo" and the specific icon class. Exemple:

    <i class="bigoo bigoo-arrow-circle-left"></i>
    

    You can use it directly on existing tags with text inside.

    <h1 class="bigoo bigoo-arrow-circle-left">Big Title Here</h1>
    

    But be aware that the line-height property is set to 0. I would recommand to use a specific <i>, <span> or <div> tag.

Hooks

The Bigoo CSS is !important free and single class only so you can easily overide any style from your own CSS.

Check some exemples: https://undless.github.io/bigoo/

Anything else ?

Feel free to open an issue on Github i'll answer as fast as i can.

Enjoy!




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap