Skip to content
This repository was archived by the owner on Mar 26, 2018. It is now read-only.

Broken relative URL to Bootstrap glyphicons in app with compass #783

Closed
ajwaxman opened this issue Jul 13, 2014 · 1 comment
Closed

Broken relative URL to Bootstrap glyphicons in app with compass #783

ajwaxman opened this issue Jul 13, 2014 · 1 comment

Comments

@ajwaxman
Copy link

Similar to #645 but using Sass w/ Compass instead of being a vanilla app

Steps to reproduce
Create a new yeoman app w/ sass and bootstrap options:
% yo angular ng-app
[?] Would you like to use Sass (with Compass)? Yes
[?] Would you like to include Bootstrap? Yes

Run:
% grunt serve

Problem
When I look at the local app the icon fonts don't seem to be working:

Solution
To get it working I changed the first line in app/styles/main.scss
FROM $icon-font-path: "../bower_components/bootstrap-sass-official/vendor/assets/fonts/bootstrap/";

TO $icon-font-path: "../../bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";

This worked for me, but I'm not sure if it is the right solution. If you think this is a good solution let me know and I can make a PR.

Thanks!

@ajwaxman
Copy link
Author

This works locally but breaks in production. Sorry about that, closing

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant