https://github.com/devwhodevs/foundation_webpack_bundler
https://github.com/devwhodevs/foundation_webpack_bundler
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/devwhodevs/foundation_webpack_bundler
- Owner: devwhodevs
- Created: 2020-10-08T19:18:25.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-11-05T15:11:41.000Z (over 5 years ago)
- Last Synced: 2025-08-19T01:06:34.979Z (7 months ago)
- Language: SCSS
- Size: 16.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Foundation 6 Webpack Compiler
> Compiles SCSS particles from Foundation, for those who need css file, but don't want to use Gulp/Grunt
Make sure you have LTS Node.js and Npm installed
1. Import everything you need into `foundation.scss`
2. Edit "includes" to add/remove particles you need:
```scss
...
// Global styles
@include foundation-global-styles;
@include foundation-forms;
@include foundation-typography;
// Grids (choose one)
@include foundation-xy-grid-classes;
...
```
3. Edit settings you need in `_settings.scss`
```scss
$global-font-size: 100%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
primary: #1779ba,
secondary: #767676,
success: #3adb76,
warning: #ffae00,
alert: #cc4b37,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
...
```
4. Install dependencies
> `npm install`
5. Bundle your package
> `npm start`
Get your buit file in `/dist/custom_foundation.min.css`