CSS and styling

Safari transparent bug

Never use css keyword transparent in gradients, it is bugged on Safari. Instead use rgba(255, 255, 255, 0).

Using custom icon fonts

1. Use Icomoon
2. You can upload icons (preferably SVGs, but it can be other whole font)
3. Select icons you need
4. Click generate font
5. Everything is in downloaded folder (fonts for all browsers including IE, CSS, example HTML page)
6. Copy fonts to your project
7. Copy CSS to your project (if used in whole then put into style.scss, otherwise to component scss)
8. Profit

CSS references

Awesome CSS CSS large scale developing CSS best practice guide

CSS cheat sheets