Menu icon Foundation
Rails: huge compile css file!

It looks like padding: 0 is getting applied to every element of every form (9k + selectors here...) !
My compiled css is almost 2MB.

I'm working on a Rails4, Foundation4 project ( though upgrading to F5 did not solve).

There are a couple offending entries like the example here.

Where's the best place to look for this problem ?
Any help greatly appreciated.

form .row .row.collapse .column,
 form article#product-detail .row.collapse .column,
 form article#product-detail section.view div.social-link-box .row.collapse .column,
 article#product-detail section.view form div.social-link-box .row.collapse .column,
 form article#product-detail section.actions div.buy .row.collapse .column,
 article#product-detail section.actions form div.buy .row.collapse .column,
 form body.devise div.hint-error .row.collapse .column,
 body.devise form div.hint-error .row.collapse .column,
 form body#pages .subnav .row.collapse .column,
 body#pages form .subnav .row.collapse .column,
 form body#pages article.collections section .row.collapse .column,
 body#pages article.collections form section .row.collapse .column,
 form .hero-logo .row.collapse .column,
 form body#invoices section.invoice .row.collapse .column,
 body#invoices form section.invoice .row.collapse .column,
 form .row article.collapse#product-detail .column,
 form article#product-detail article.collapse#product-detail .column,
 form article#product-detail section.view div.social-link-box article.collapse#product-detail .column,
 ... 
 9,090 total selectors
 ...
 {padding: 0; }
            

         
            

         

fondation4Sassbloathuge complied cssrails4

It looks like padding: 0 is getting applied to every element of every form (9k + selectors here...) !
My compiled css is almost 2MB.

I'm working on a Rails4, Foundation4 project ( though upgrading to F5 did not solve).

There are a couple offending entries like the example here.

Where's the best place to look for this problem ?
Any help greatly appreciated.

form .row .row.collapse .column,
 form article#product-detail .row.collapse .column,
 form article#product-detail section.view div.social-link-box .row.collapse .column,
 article#product-detail section.view form div.social-link-box .row.collapse .column,
 form article#product-detail section.actions div.buy .row.collapse .column,
 article#product-detail section.actions form div.buy .row.collapse .column,
 form body.devise div.hint-error .row.collapse .column,
 body.devise form div.hint-error .row.collapse .column,
 form body#pages .subnav .row.collapse .column,
 body#pages form .subnav .row.collapse .column,
 form body#pages article.collections section .row.collapse .column,
 body#pages article.collections form section .row.collapse .column,
 form .hero-logo .row.collapse .column,
 form body#invoices section.invoice .row.collapse .column,
 body#invoices form section.invoice .row.collapse .column,
 form .row article.collapse#product-detail .column,
 form article#product-detail article.collapse#product-detail .column,
 form article#product-detail section.view div.social-link-box article.collapse#product-detail .column,
 ... 
 9,090 total selectors
 ...
 {padding: 0; }
            

         
            

         
Peter Bonnell almost 6 years ago

[SOLVED] : was @extend .row in about 10 places.
Removing @extedn.row; fixed.