# Installation
The Nuxt Starter is optimized for Foundation 6 (opens new window).
npm i foundation-sites --save
# Foundation Settings
Foundation's Settings File is located under styles/01_settings/foundation.settings.scss.
Please make sure that this file is imported in styles/01_settings/settings.scss.
It's an excerpt of the full settings file (opens new window) as not all settings are needed.
The app-wide settings you made e.g. for your grid are inherited to the foundation settings or rather are re-assigned to foundation's variables. There should be no need to touch this foundation file unless you want to add new or missing foundation variables.
# Foundation's CSS Modules
The implementation of foundation in this starter comes only with some necessary foundation modules.
Add the modules by commenting in @import '_/foundation.vendor'; in styles/04_vendors/vendors.scss.
The Starter then will provide the following modules:
/* Used Foundation Modules*/
@include foundation-text-alignment;
@include foundation-grid;
@include foundation-xy-grid-classes;
@include foundation-flex-classes;
@include foundation-flex-grid;
@include foundation-visibility-classes;
2
3
4
5
6
7
If you need more add them there.
Now you should be ready to go using foundation's CSS classes and SASS mixins.