Grunt sass + zurb fundation. The output is an obscenely large css file with style repetitions. How to compile correctly?

Question

css

Decided to try what kind of beast SCSS. I do according to the instructions from foundation.zurb.com/docs/sass.html
After compilation (grunt build), the CSS file is three times larger than if you download an already assembled project. And the styles like

html, body {
  height: 100%; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-size: 100%; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto; }

a:hover {
  cursor: pointer; }

img {
  max-width: 100%;
  height: auto; }

What am I doing wrong?

Answer 1

See what you include. Naturally, the body selector can be found in foundation , normalize , and your styles.