Ako na viac icon balíčkov na jednej stránke rubrika: Kódování: CSS

2 djsucho
položil/-a 12.10.2016
 
upravil/-a 17.10.2016

týka sa to viac CSS ale vyriešiť sa to dá elegantne asi len cez PHP

na frontende používame Bootstrap a ako icon set FontAwesome
v administrácii zase Materializecss a Material icons

<!-- FontAwesome -->
<i class="fa fa-home"></i>
<i class="fa fa-plus-circle-o"></i>
 
<!-- Material icons -->
<i class="material-icons">home</i>
<i class="material-icons">add_circle_outline</i>

kedykoľvek môže na nejakom projekte pribudnúť ďalší alebo vymeniť nejaký z nich

využívame Nette framework

  1. najprv nás napadlo využiť konštanty const nazov_ikony; ale čo v Latte
  2. urobiť si vlastné makro {icon nazov_ikony}
  3. urobiť si vlastný filter {nazov_ikony|icon}

2, 3. by v závere využívali jednu funkciu takže by sa to dalo využiť aj v Latte aj v PHP

otázkou však je ako zjednotiť názvy pre prípadnú budúcu rýchlu zmenu
vytvárať zvlášť statické premeny alebo jedno veľké pole alebo nejaký json?
neriešil to už niekto z vás?

odkaz Vyřešeno
6 kluvi
odpověděl/-a 14.10.2016
 
upravil/-a 14.10.2016

My používáme https://icomoon.io/ (tam si nadefinujeme vlastní balíček ikonek obvykle z již existujících)
K tomu jsem navíc napsal do gruntu velice jednoduchý task ( https://www.npmjs.com/package/grunt-icomoon - sice staršího data, ale není tam co upravovat), co z dat vyexportovaných z icomoon vytvoří mixiny pro LESS a to tak, aby generovaly prakticky ideální CSS. Ukázky, jak se to používá v LESSu pak tady: https://www.npmjs.com/package/grunt-icomoon#examples

PS: řešit to v PHP je podle mě nesmysl - je to cpaní CSS, kam nepatří.

Pro zobrazení všech 5 odpovědí se prosím přihlaste:

Rychlé přihlášení přes sociální sítě:

Nebo se přihlaste jménem a heslem:

Zadejte prosím svou e-mailovou adresu.
Zadejte své heslo.