mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2024-11-23 07:47:54 +00:00
parent
350f7abd7f
commit
20b5175214
2 changed files with 14 additions and 10 deletions
|
@ -184,8 +184,12 @@ You can combine the badge with the [`icon` shortcode]({{% relref "shortcodes/ico
|
||||||
In this case you need to declare `{{</* badge */>}}` instead of `{{%/* badge */%}}`. Note, that in this case it is not possible to put markdown in the content.
|
In this case you need to declare `{{</* badge */>}}` instead of `{{%/* badge */%}}`. Note, that in this case it is not possible to put markdown in the content.
|
||||||
|
|
||||||
````go
|
````go
|
||||||
|
{{</* badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}}{{< /badge */>}}
|
||||||
|
{{</* badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}}
|
||||||
{{</* badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}}{{< /badge */>}}
|
{{</* badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}}{{< /badge */>}}
|
||||||
{{</* badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}}
|
{{</* badge style="primary" title="Rank" >}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}}
|
||||||
|
{{</* badge style="primary" icon="angle-double-up" title="Rank" >}}{{% icon skull-crossbones %}}{{< /badge */>}}
|
||||||
|
{{</* badge style="primary" icon="angle-double-up" title="Rank" >}}{{% icon skull-crossbones %}} Pirate{{< /badge */>}}
|
||||||
````
|
````
|
||||||
|
|
||||||
{{< badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}}{{< /badge >}}
|
{{< badge style="primary" icon="angle-double-up" >}}{{% icon skull-crossbones %}}{{< /badge >}}
|
||||||
|
|
|
@ -61,13 +61,13 @@ While the examples are using shortcodes with positional parameter you are free t
|
||||||
|:----------------------|:---------|:----------------|:------------|
|
|:----------------------|:---------|:----------------|:------------|
|
||||||
| **icon** | 1 | _<empty>_ | [Font Awesome icon name]({{%relref "#finding-an-icon" %}}) to be displayed. It will be displayed in the text color of its according context. |
|
| **icon** | 1 | _<empty>_ | [Font Awesome icon name]({{%relref "#finding-an-icon" %}}) to be displayed. It will be displayed in the text color of its according context. |
|
||||||
|
|
||||||
## Finding an icon
|
### Finding an icon
|
||||||
|
|
||||||
Browse through the available icons in the [Font Awesome Gallery](https://fontawesome.com/v5/search?m=free). Notice that the **free** filter is enabled, as only the free icons are available by default.
|
Browse through the available icons in the [Font Awesome Gallery](https://fontawesome.com/v5/search?m=free). Notice that the **free** filter is enabled, as only the free icons are available by default.
|
||||||
|
|
||||||
Once on the Font Awesome page for a specific icon, for example the page for the [heart](https://fontawesome.com/v5/icons/heart?s=solid), copy the icon name and paste into the Markdown content.
|
Once on the Font Awesome page for a specific icon, for example the page for the [heart](https://fontawesome.com/v5/icons/heart?s=solid), copy the icon name and paste into the Markdown content.
|
||||||
|
|
||||||
## Customising Icons
|
### Customising Icons
|
||||||
|
|
||||||
Font Awesome provides many ways to modify the icon
|
Font Awesome provides many ways to modify the icon
|
||||||
|
|
||||||
|
@ -80,7 +80,7 @@ Check the full documentation on [web fonts with CSS](https://fontawesome.com/how
|
||||||
|
|
||||||
## Examples
|
## Examples
|
||||||
|
|
||||||
### Standard Use
|
### Standard Usage
|
||||||
|
|
||||||
````go
|
````go
|
||||||
Built with {{%/* icon heart */%}} by Relearn and Hugo
|
Built with {{%/* icon heart */%}} by Relearn and Hugo
|
||||||
|
|
Loading…
Reference in a new issue