Skip to content

Commit fabc9bd

Browse files
committed
Documentation
1 parent 87d69a9 commit fabc9bd

File tree

2 files changed

+12
-12
lines changed

2 files changed

+12
-12
lines changed

docs/reference/icons-emojis.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -113,16 +113,16 @@ styles], it's always recommended to add an [additional style sheet] and move
113113
declarations into dedicated CSS classes:
114114

115115
<style>
116-
.twitter {
117-
color: #1DA1F2;
116+
.youtube {
117+
color: #EE0F0F;
118118
}
119119
</style>
120120

121121
=== ":octicons-file-code-16: `docs/stylesheets/extra.css`"
122122
123123
``` css
124-
.twitter {
125-
color: #1DA1F2;
124+
.youtube {
125+
color: #EE0F0F;
126126
}
127127
```
128128
@@ -136,12 +136,12 @@ declarations into dedicated CSS classes:
136136
After applying the customization, add the CSS class to the icon shortcode:
137137

138138
``` markdown title="Icon with color"
139-
:fontawesome-brands-twitter:{ .twitter }
139+
:fontawesome-brands-youtube:{ .youtube }
140140
```
141141

142142
<div class="result" markdown>
143143

144-
:fontawesome-brands-twitter:{ .twitter }
144+
:fontawesome-brands-youtube:{ .youtube }
145145

146146
</div>
147147

@@ -211,15 +211,15 @@ reference any icon that's [bundled with the theme][icon search] with Jinja's
211211

212212
``` html
213213
<span class="twemoji">
214-
{% include ".icons/fontawesome/brands/twitter.svg" %} <!-- (1)! -->
214+
{% include ".icons/fontawesome/brands/youtube.svg" %} <!-- (1)! -->
215215
</span>
216216
```
217217

218218
1. Enter a few keywords to find the perfect icon using our [icon search] and
219219
click on the shortcode to copy it to your clipboard:
220220

221221
<div class="mdx-iconsearch" data-mdx-component="iconsearch">
222-
<input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="brands twitter" />
222+
<input class="md-input md-input--stretch mdx-iconsearch__input" placeholder="Search icon" data-mdx-component="iconsearch-query" value="brands youtube" />
223223
<div class="mdx-iconsearch-result" data-mdx-component="iconsearch-result" data-mdx-mode="file">
224224
<div class="mdx-iconsearch-result__meta"></div>
225225
<ol class="mdx-iconsearch-result__list"></ol>

docs/setup/setting-up-the-footer.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -57,18 +57,18 @@ The following properties are available for each link:
5757
This property must contain a valid path to any icon bundled with the theme,
5858
or the build will not succeed. Some popular choices:
5959

60+
* :fontawesome-brands-github: – `fontawesome/brands/github`
61+
* :fontawesome-brands-gitlab: – `fontawesome/brands/gitlab`
62+
* :fontawesome-brands-x-twitter: – `fontawesome/brands/x-twitter`
6063
* :fontawesome-brands-mastodon: – `fontawesome/brands/mastodon`
6164
<small>automatically adds [`rel=me`][rel=me]</small>
62-
* :fontawesome-brands-twitter: – `fontawesome/brands/twitter`
63-
* :fontawesome-brands-github: – `fontawesome/brands/github`
6465
* :fontawesome-brands-docker: – `fontawesome/brands/docker`
6566
* :fontawesome-brands-facebook: – `fontawesome/brands/facebook`
66-
* :fontawesome-brands-medium: – `fontawesome/brands/medium`
6767
* :fontawesome-brands-instagram: – `fontawesome/brands/instagram`
6868
* :fontawesome-brands-linkedin: – `fontawesome/brands/linkedin`
69-
* :fontawesome-brands-pied-piper-alt: – `fontawesome/brands/pied-piper-alt`
7069
* :fontawesome-brands-slack: – `fontawesome/brands/slack`
7170
* :fontawesome-brands-discord: – `fontawesome/brands/discord`
71+
* :fontawesome-brands-pied-piper-alt: – `fontawesome/brands/pied-piper-alt`
7272

7373
<!-- md:option social.link -->
7474

0 commit comments

Comments
 (0)