Menu icon Foundation
Remove .small-push-0 to .large-push-1

Hi, Wanted to ask what I may be doing wrong.

In my output css from the scss file I get a lot of unused code along the lines below.

How can I turn off all the push, pull classes from getting outputed?

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
    
@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    

.small-push-0

Hi, Wanted to ask what I may be doing wrong.

In my output css from the scss file I get a lot of unused code along the lines below.

How can I turn off all the push, pull classes from getting outputed?

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
    
@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    
Brandon Arnold almost 4 years ago

The push and pull come budled with the grid as a whole, we don;t have a way to turn off just them. We do use UNCSS in the production stack, did you try that?

Bjarni Wark almost 4 years ago

Thanks Brandon, no have not used UNCSS though looked at using then redoing the struture of the grid. When I did add the below it took out all the additional CSS but I should look at UNCSS which may save tie and do the same job?

$include-html-grid-classes: false;

Brandon Arnold almost 4 years ago

Ah yeah, if you want to get rid of all HTML classes that would be perfect.