Giter Club home page Giter Club logo

Comments (17)

df-nakami avatar df-nakami commented on June 30, 2024

Hey there,
running in the same problem:
A project which works like a charm on debian and ubuntu, compiles on OSX with several libs missing in the resulting css.
Any ideas yet?

from jointswp.

coreyallen avatar coreyallen commented on June 30, 2024

Is this any help?
http://foundation.zurb.com/forum/posts/18856-sass-342-compilation-problem
I found this in the latest release notes with codekit https://incident57.com/codekit/versionhistory.html

from jointswp.

df-nakami avatar df-nakami commented on June 30, 2024

@coreyallen
that was exactly the problem! downgrading compass to 0.12.2 did the trick:
(sudo) gem uninstall compass
(sudo) gem install compass -v 0.12.2

(i think, this means several precautions on my side for the next foundation-update)

can't say how much i appreciate your hint! i'd like to spend you some beers..

from jointswp.

coreyallen avatar coreyallen commented on June 30, 2024

Hey glad it worked. It took me hours to find it myself so now when I see someone having this issue I try to swoop in.

from jointswp.

alexanderstott avatar alexanderstott commented on June 30, 2024

Since I've applied this fix, my projects seem to have the following CSS section repeated about 30 times:

meta.foundation-version {
font-family: "/5.2.3/"; }

meta.foundation-mq-small {
font-family: "/only screen/";
width: 0em; }

meta.foundation-mq-medium {
font-family: "/only screen and (min-width:40.063em)/";
width: 40.063em; }

meta.foundation-mq-large {
font-family: "/only screen and (min-width:64.063em)/";
width: 64.063em; }

meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:90.063em)/";
width: 90.063em; }

meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:120.063em)/";
width: 120.063em; }

meta.foundation-data-attribute-namespace {
font-family: false; }

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: #fff;
color: #222;
padding: 0;
margin: 0;
font-family: "Lato", Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default; }

from jointswp.

df-nakami avatar df-nakami commented on June 30, 2024

Did you do use fix in the foundation/_functions.scss or the downgrade of compass/sass?

from jointswp.

coreyallen avatar coreyallen commented on June 30, 2024

The fix (that worked for me) worked while using the latest version of SASS. I'm using codekit.

from jointswp.

dertel avatar dertel commented on June 30, 2024

Thanks for looking into this! Haven't had a chance yet to test if this will fix the problem.

from jointswp.

JeremyEnglert avatar JeremyEnglert commented on June 30, 2024

@alexanderstott Did you find a fix for the repeating CSS? i'm having the same issue.

from jointswp.

wrokred avatar wrokred commented on June 30, 2024

I changed "foundation": "~5.2.1" to "foundation": "^5.2.1"in bower.json though I'm not sure on the difference, was just copying syntax from another package. Then bower install. That was just to get it to output a css. Also finding the repeats of _global.scss content.

Each of the component _xxx.scss files has @import "global" at the top which contains meta.foundation repeated css...

from jointswp.

wrokred avatar wrokred commented on June 30, 2024

Ok, so to get this working I uninstalled compass and sass. Then installed compass 1.0.0, then uninstalled sass (because I don't know how to get compass not to installed the latest version) and installed sass 3.3.14. Running foundation bower 5.4.3.

As I'm also using grunt, I have grunt-contrib-compass ~0.1.2 and grunt-contrib-sass ~0.6.0.

Foundation 5.5 will drop support for sass 3.3< and work fine with 3.4>, so until then...

from jointswp.

df-nakami avatar df-nakami commented on June 30, 2024

@wrokred
to install compass with specific version:
(sudo) gem uninstall compass // if you had it installed before
(sudo) gem install compass -v 0.12.2
i assume there is some similare option in bower?

the one thing that really bothers me, is, at the time foundation updates and we're starting a new project, we have to update every old project, because i don't want to imagine working with two compass/sass versions simultanously..

from jointswp.

wrokred avatar wrokred commented on June 30, 2024

Yeah. I meant that compass installs the latest version of sass along with it, so sass needs to be uninstalled and reinstalled again. :(

I think bundler might be the answer for you. But then I end up with git and bower and grunt and bundler.

from jointswp.

alexanderstott avatar alexanderstott commented on June 30, 2024

@JeremyEnglert No, I didn't, I'd like to though. I'm using Mixture.io to process everything.

from jointswp.

JeremyEnglert avatar JeremyEnglert commented on June 30, 2024

Note: If you're using CodeKit, check out the post by Chris Rolle here:
http://foundation.zurb.com/forum/posts/18856-sass-342-compilation-problem

from jointswp.

phylaxis avatar phylaxis commented on June 30, 2024

Jeremy,
I think the duplication issues with the global file sin foundation were patched in the latest update.

from jointswp.

JeremyEnglert avatar JeremyEnglert commented on June 30, 2024

You are correct. Closing this.

from jointswp.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.