cecil/theme-fontawesome
最新稳定版本:1.5.1
Composer 安装命令:
composer require cecil/theme-fontawesome
包简介
Cecil component theme Font Awesome
README 文档
README
The Font Awesome component theme for Cecil provides helpers to use Font Awesome icons.
Installation
composer require cecil/theme-fontawesome
Or download the latest archive and uncompress its content in
themes/fontawesome.
Usage
Add fontawesome in the theme section of the config.yml:
theme: - fontawesome
Include styles and webfonts in the <head> of your template:
{{ include('partials/fontawesome.twig') }}
By default, it includes regular, solid, and brands icons, but you can select only the one(s) you want using the
stylesarray, i.e.:{{ include('partials/fontawesome.twig', {styles: ['brands']}) }}
Then import macro in your template:
{% import 'macros/fontawesome.twig' as fontawesome %}
Display the desired icon:
{{ fontawesome.icon('<name>', '<style>', '<size>', '<rotate>', '<flip>', '<attributes>') }}
<name>: name of the icon<style>: style ("regular", "solid" or "brands". "regular" by default)<size>: font size (optional)<rotate>: rotation in degrees ("90", "180", "270" or custom)<flip>: flipping ("horizontal", "vertical" or "both")<attributes>: additional HTML attributes (optional)
Example
{{ fontawesome.icon(name:'github', style:'brands', size:'xl', attributes:{style: 'color: #333'}) ~}}
<i class="fa-github fa-brands fa-xl" style="color: #333">
统计信息
- 总下载量: 896
- 月度下载量: 0
- 日度下载量: 0
- 收藏数: 0
- 点击次数: 3
- 依赖项目数: 1
- 推荐数: 0
其他信息
- 授权协议: MIT
- 更新时间: 2023-11-15