承接 cecil/theme-fontawesome 相关项目开发

从需求分析到上线部署,全程专人跟进,保证项目质量与交付效率

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

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 styles array, 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

GitHub 信息

  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • 开发语言: Twig

其他信息

  • 授权协议: MIT
  • 更新时间: 2023-11-15

承接程序开发

PHP开发

VUE

Vue开发

前端开发

小程序开发

公众号开发

系统定制

数据库设计

云部署

网站建设

安全加固