lf-icons v1.0.0

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
	twitter
	user-circle
	user