Theming your stylesheets with css variables
What are CSS variables?
The CSS variables are more accurately known as CSS custom properties. You can define a value under a variable key and use it along your stylesheets wherever is in its scope. They can be very useful to avoid CSS repetition, with a better performance in run time for things like theme switching and very useful for extending or 'polyfilling' future CSS features.
Use Foundation for sites 6 in your Angular 2 application
Foundation for sites is a responsive framework developed by Zurb. It provides a full collection of styled components and responsive grid to build the complete layout of your site. Just follow these steps to add it to your Angular project.