library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-12-10 23:44:26 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: add button icons fixes #938

Browse Source
This commit is contained in:
redonkulus 2022-01-04 13:22:20 -08:00
parent a5475b4b3b
commit 8832b57b3f
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
site/docusaurus.config.js
View File

@ -24,6 +24,12 @@ module.exports = {
], ],
], ],
projectName: 'pure-css.github.io', projectName: 'pure-css.github.io',
scripts: [
{
src: 'https://kit.fontawesome.com/f7f35653b1.js',
defer: true,
}
],
themes: ['@docusaurus/theme-classic'], themes: ['@docusaurus/theme-classic'],
customFields: { customFields: {
PURE_DOWNLOAD_SNIPPET, PURE_DOWNLOAD_SNIPPET,

2
site/src/pages/buttons/index.js
View File

@ -131,7 +131,7 @@ function Buttons() {
<h3 className="content-subhead">Buttons with icons</h3> <h3 className="content-subhead">Buttons with icons</h3>
<p> <p>
Pure doesn't ship with icon fonts, but we play nice with existing ones. Incorporating icon fonts with Pure Buttons is easy. In the example below, we're using icon fonts from <a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a>. Put the <a href="http://fortawesome.github.io/Font-Awesome/get-started/">Font Awesome CSS file</a> on your page and use an <code>&lt;i&gt;</code> element within a <code>pure-button</code> element. Pure doesn't ship with icon fonts, but we play nice with existing ones. Incorporating icon fonts with Pure Buttons is easy. In the example below, we're using icon fonts from <a href="https://fontawesome.com/">Font Awesome</a>. Put the <a href="https://fontawesome.com/start">Font Awesome CSS file</a> on your page and use an <code>&lt;i&gt;</code> element within a <code>pure-button</code> element.
</p> </p>
<Example> <Example>