Menu icon Foundation
Essential download with SASS?

Is it possible to get the Essential version with sass?

Essential
A simple, lighter version that includes typography, the grid, buttons, Reveal and Interchange.*

Regards,
Hugo

Essential

Is it possible to get the Essential version with sass?

Essential
A simple, lighter version that includes typography, the grid, buttons, Reveal and Interchange.*

Regards,
Hugo

This post has been closed. No new replies can be added.

Wing-Hou Chan over 5 years ago

Sass does not make load time faster, because Sass will be turned into CSS. Sass has advantages including making Foundation easier to customize as well as others which you can check out here: http://sass-lang.com/

If you want to use the CSS version of Foundation, downloading the Essentials package will ensure the fastest load times. Beware that a lot of Foundation will not be available if you choose the Essentials package.

Alternatively you can choose the custom package and select which components you need and which components you want to throw out.

The last option is to use Sass. Sass is great because it allows you to easily customize Foundation. And as you can see above, that is how you select the elements you want.

Oloeg over 5 years ago

When I want the fastest load is it better then to take the css Essential? or is there no difference with a package stript for SASS?

Wing-Hou Chan over 5 years ago

Yes, with less code, your site will load faster.

Oloeg over 5 years ago

Hello Thanks for the options, does this reduce the loading time?
And is this just as fast as the Essential css download? or is that one faster with a smaller load?

regards,
Hugo

Tony Stark over 5 years ago

Hi Hugo
You can download Custom version of Foundation.]
If you need SASS version of Essential5 then download SASS version of Foundation.
If you want some necessary option in css then Add some comment in foundation.scss file

@import
  "foundation/components/grid", //Grid Require-Necessary
  "foundation/components/reveal" //Reveal Necessary
  /*"foundation/components/accordion"*/; //accordion not necessary so its commented

Wing-Hou Chan over 5 years ago

Hey Hugo!

In foundation.scss you can remove the components you don't need.

For example, you only require the typography, grid, buttons, Reveal and Interchange so your foundation.scss should look something like this, for example:

@import
  "foundation/components/grid",
  "foundation/components/buttons",
  "foundation/components/button-groups",
  "foundation/components/type",
  "foundation/components/reveal";

(Interchange doesn't have any styles, so that's why it doesn't appear above)