When ever I compile using gulp-sass on node the following scss
#import "_bootstrap-sprockets";
#import "_bootstrap";
I get this in the output
src: url(font-path("bootstrap/glyphicons-halflings-regular.eot"));
However, the font-path thing isn't in the precompiled boostrap
src: url('../fonts/glyphicons-halflings-regular.eot');
Why does mine have font-path? Is this a sass function, and if so why isn't it calling it and how do I get an error and how do I resolve this error?
Sprockets is something unique to Rails. Simply remove it and all should work..
//#import "_bootstrap-sprockets";
#import "_bootstrap";
Related
In a project I'm using Bootstrap 5, importing modules from node_modules with a big list of #import (ex. #import "../node_modules/boostrap/scss/functions" etc...).
I'm worried about the deprecation of #import coming soon.
Simply replacing the #import with #use will break the sass build (my compiler doesn't seem to be the culprit as simple cases with #use do work).
It seems to be a problem with the new scoping of #use and npm bootstrap 5.
What should I do?
I have 50+ .scss files in 5 folders and use webpack plugin to import all files from folder.
// index.scss
#import "default/*.scss";
#import "vendors";
#import "components/*.scss";
#import "modals/*.scss";
#import "pages/*.scss";
This plugin work well with #import, but can`t understand #use. I think to extend plugin, but think if there is any other solution.
Can I import all .scss files in a sub-directories with node-sass?
I'm guessing it would be something like this?
#import './directory/**/*.scss'
No, there is a request on the Ruby Sass GitHub repository for this functionality, but libsass/node-sass won't implement functionality not in the main language. You may be able to find plugins that do this.
Using Rails 3.2 trying twitter bootstrap and using formtastic-bootstrap with these gems as I found recommended
gem 'formtastic', git: 'git://github.com/justinfrench/formtastic.git', branch: '2.1-stable'
gem 'formtastic-bootstrap', git: 'git://github.com/cgunther/formtastic-bootstrap.git', branch: 'bootstrap2-rails3-2-formtastic-2-1'
If I require them in the manifest in application.css then they work and forms get the twitter styles however I want to override some of the colours so I know I need to use #import so I can override the $ vars.So I have put this in application.css after the manifest
#import 'twitter/bootstrap';
#import 'formtastic-bootstrap.css';
I can see these files have been got by the browser but the styles are not being applied
What am I getting wrong?
Sorry! as I was upgrading a rails 3.1 app I did not see that application.css was application.css not application.css.scss! My bad! Now that sass sees the #import as its own instruction and not a css #import it works as expected.
I'm attempting to use XML (Chapter 10 in Professional iPhone and iPad Database Application Programming), and I've run into a bit of trouble.
Under Header Search Paths in Build Settings I have this path:
/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS4.3.sdk/usr/include/libxml2/
That's all fine and well, but then:
#import <libxml/parser.h>
#import <libxml/tree.h>
error: libxml/parser.h: No such file or directory
If I flip the imports:
#import <libxml/tree.h>
#import <libxml/parser.h>
error: libxml/tree.h: No such file or directory
Weird.
For now I have this:
#import <libxml/catalog.h> // Dirty hack
#import <libxml/parser.h>
#import <libxml/tree.h>
error: libxml/catalog.h: No such file or directory
But that's no good for a production app.
Try changing your header search path to ${SDK_DIR}/usr/include/libxml2.
As it turns out, it was a trivial fix. I closed the project to work on another, and when I reopened it, the error was gone. Not exactly what I would have expected, but hey, it works now.
"When in doubt, reboot."