mirror of
https://gitlab.com/openstapps/openstapps.git
synced 2026-01-20 16:42:56 +00:00
feat: separate prettier from eslint
This commit is contained in:
committed by
Thea Schöbl
parent
939fb6ef0f
commit
a88d000ccd
18
ICONS.md
18
ICONS.md
@@ -13,10 +13,10 @@ as usual.
|
||||
|
||||
The modified `ion-icon` comes with a few extra features:
|
||||
|
||||
* `[fill]` controls the fill color of the icon.
|
||||
* `[weight]` controls the font weight of the icon.
|
||||
* `[size]` controls the font size of the icon.
|
||||
* `[grade]` controls the font grade of the icon.
|
||||
- `[fill]` controls the fill color of the icon.
|
||||
- `[weight]` controls the font weight of the icon.
|
||||
- `[size]` controls the font size of the icon.
|
||||
- `[grade]` controls the font grade of the icon.
|
||||
|
||||
All of these attributes are animated as described
|
||||
[here](https://developers.google.com/fonts/docs/material_symbols).
|
||||
@@ -44,17 +44,21 @@ follow a few simple rules:
|
||||
|
||||
1. Use the tagged template literal for referencing icon names in
|
||||
TypeScript files and code
|
||||
|
||||
```ts
|
||||
SCIcon`icon_name`
|
||||
SCIcon`icon_name`;
|
||||
```
|
||||
|
||||
2. When using `ion-icon` in HTML, reference either icons that went through
|
||||
the `SCIcon` tag or write them as one of the following:
|
||||
|
||||
```html
|
||||
<!-- do -->
|
||||
<ion-icon name="icon_name"></ion-icon>
|
||||
<ion-icon [name]="'icon_name'"></ion-icon>
|
||||
<!-- don't -->
|
||||
<ion-icon name="icon_name"/> <!-- self-closing -->
|
||||
<ion-icon name="icon_name" />
|
||||
<!-- self-closing -->
|
||||
<ion-icon [name]="condition ? 'icon_name' : 'other_icon_name'"></ion-icon>
|
||||
```
|
||||
|
||||
@@ -62,6 +66,7 @@ Icons that are unknown at compile time can be specified in the
|
||||
`additionalIcons` property of the `icons.config.ts` file.
|
||||
|
||||
The minification can then be done by running
|
||||
|
||||
```shell
|
||||
npm run minify-icons
|
||||
```
|
||||
@@ -71,4 +76,3 @@ and had to rely on the Python module [fonttools](https://github.com/fonttools/fo
|
||||
|
||||
That means that you might run into additional issues when running the
|
||||
above-mentioned command.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user