octoleo/file-icon-vectors
1
1
Fork 0
mirror of https://github.com/namibia/file-icon-vectors.git synced 2024-11-17 17:55:13 +00:00
Code Issues Releases Activity

Added unpkg CDN docs #3

Browse Source
This commit is contained in:
Daniel Hendricks 2018-06-12 09:13:42 -05:00
parent 6ec4eeda8a
commit 0e39cd1c33
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
README.md
View File

@ -45,14 +45,21 @@ composer require dmhendricks/file-icon-vectors
To display a file icon, simply link to one or both of the icon set CSS files in the `css` directory: To display a file icon, simply link to one or both of the icon set CSS files in the `css` directory:
``` ```html
<link rel="stylesheet" href="dist/file-icon-classic.min.css" /> <link rel="stylesheet" href="dist/file-icon-classic.min.css" />
<link rel="stylesheet" href="dist/file-icon-vivid.min.css" /> <link rel="stylesheet" href="dist/file-icon-vivid.min.css" />
``` ```
Alternatively, you can link to a CDN:
```html
<link rel="stylesheet" href="https://unpkg.com/file-icon-vectors/dist/file-icon-classic.min.css" />
<link rel="stylesheet" href="https://unpkg.com/file-icon-vectors/dist/file-icon-vivid.min.css" />
```
From there, you can use CSS classes to display the icons: From there, you can use CSS classes to display the icons:
``` ```html
<span class="fiv-cla fiv-icon-ppt"></span> <span class="fiv-cla fiv-icon-ppt"></span>
<span class="fiv-cla fiv-icon-xls"></span> <span class="fiv-cla fiv-icon-xls"></span>
<span class="fiv-viv fiv-icon-pdf"></span> <span class="fiv-viv fiv-icon-pdf"></span>
@ -63,7 +70,7 @@ Notice that the classes contain either `flv-cla` for the Classic set or `flv-viv
If you want to override the size of the icons, you can do so with CSS: If you want to override the size of the icons, you can do so with CSS:
``` ```html
<style> <style>
.fiv-cla, .fiv-viv { font-size: 3em; } .fiv-cla, .fiv-viv { font-size: 3em; }
</style> </style>
@ -71,7 +78,7 @@ If you want to override the size of the icons, you can do so with CSS:
If you prefer, you may also use `.fiv-size-md`, `.fiv-size-lg` and `.fiv-size-xl` to modify the icon sizes: If you prefer, you may also use `.fiv-size-md`, `.fiv-size-lg` and `.fiv-size-xl` to modify the icon sizes:
``` ```html
<span class="fiv-viv fiv-icon-pdf fiv-size-lg"></span> <span class="fiv-viv fiv-icon-pdf fiv-size-lg"></span>
``` ```