Comments (17)
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.
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.
@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.
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.
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.
Did you do use fix in the foundation/_functions.scss or the downgrade of compass/sass?
from jointswp.
The fix (that worked for me) worked while using the latest version of SASS. I'm using codekit.
from jointswp.
Thanks for looking into this! Haven't had a chance yet to test if this will fix the problem.
from jointswp.
@alexanderstott Did you find a fix for the repeating CSS? i'm having the same issue.
from jointswp.
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.
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.
@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.
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.
@JeremyEnglert No, I didn't, I'd like to though. I'm using Mixture.io to process everything.
from jointswp.
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.
Jeremy,
I think the duplication issues with the global file sin foundation were patched in the latest update.
from jointswp.
You are correct. Closing this.
from jointswp.
Related Issues (20)
- NPM Install issue HOT 1
- NPM Run Watch error - no CSS complied HOT 4
- Autoprefixer Not Working HOT 3
- Foundation 6.6 HOT 19
- Issues Compiling Sass??? Maybe? HOT 4
- How to edit menu items HOT 1
- Autoprefixer issue HOT 2
- Range Slider HOT 1
- Site Logo Won't Render HOT 2
- Discord.js installl error git checkout 11.3-dev HOT 1
- New build on MacOS 11.4 Big Sur throws errors HOT 3
- gulp-sass 5 error HOT 4
- What's the closest alternative? HOT 2
- Foundation is ALIVE! v6.7.1 released and counting. HOT 1
- SASS on M1 Mac HOT 3
- NPM Run Watch Fails - gulp-sass no longer has a default Sass compiler; please set one yourself HOT 1
- SCSS Compile Error
- Pagination not working in production (was working fine in dev) hosting=NetSol
- JointsWP won't install on Mac or Windows HOT 3
- gulpfile on node11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jointswp.