README
Lärarförsäkringar Icons
Usage
This package stores all svg icons and generates css for using them on the lärarförsäkringar site.
Sass files and the final part of this readme is generated by the script compile.js which is run before publishing of the npm package.
Since the compilation is automated on publishing, after making additons of subractions to the icon set, commit your changes to git and run
npm version minor
npm run compile
Compilation
For every included svg file in lib/icons/ a css class is generated according to the following logic:
filename - file extension = icon_id
so the presence of the file /lib/icons/bazooka.svg would generate the following css
.icon-bazooka {
background-url('/icons/bazooka.svg');
}
File management
The postinstall script handles moving the icon files out of the package and into the epi project, subsequentially the folder /scr/Lararforsakringar.Web/icons should be added to .gitignore.
Icons
| Icon | id |
|---|---|
 |
arrow-down |
 |
arrow-left |
 |
arrow-right |
 |
arrow-up |
 |
chev-down |
 |
chev-left |
 |
chev-right |
 |
chev-up |
 |
download-circle-filled |
 |
download |
 |
grid-icon |
 |
health-cross |
 |
heart |
 |
home |
 |
sign-out |
 |
angle-down |
 |
angle-left |
 |
angle-right |
 |
angle-up |
 |
arrow-circle-down-filled |
 |
arrow-circle-down |
 |
arrow-down |
 |
arrow-left |
 |
arrow-right |
 |
arrow-up |
 |
bars |
 |
check-circle |
 |
check |
 |
close |
 |
cog |
 |
dokument |
 |
envelope-alt |
 |
exclamation-circle |
 |
external-link |
 |
facebook-official |
 |
frown-o |
 |
ic-unfold_more_18px_google_material |
 |
info-circle |
 |
invoice |
 |
lararforbundet-black |
 |
lr-logo1 |
 |
medical |
 |
multiply |
 |
plus-circle |
 |
plus |
 |
repeat |
 |
schedule |
 |
search |
 |
shield-edit |
 |
shield |
 |
|
 |
user-circle |
 |
user |