Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

sass support for bootstrap 4 and font-awesome #4630

Closed
wants to merge 1 commit into from

Conversation

dimeros
Copy link
Contributor

@dimeros dimeros commented Dec 8, 2016

Sass support for bootstrap 4 and font-awesome in angular-2.

@@ -40,8 +40,19 @@ const files = {
sass: [
{
condition: generator => generator.useSass,
templates: [
'_.bootstraprc',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what does these files do? could you please explain

Copy link
Contributor Author

@dimeros dimeros Dec 8, 2016

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I use the bootstrap-loader. I follow the instructions described here: https://github.com/shakacode/bootstrap-loader.

The file .bootstraprc describes the sass configuration needed: preBootstrapCustomizations, bootstrapCustomizations, appStyles files. The preBootstrapCustomizations contains values-variables that bootstrap will use such as $input-color: $gray !default;. Is this the scope of the vendor file?

Second file: font-awesome-sass-loader. This package needs configuration with the sass file prefilled and some rules.

import '../content/css/main.css';
<%_ if(useSass) { _%>
import '../content/css/vendor.css';
// import '../content/css/vendor.css'; deprecated???
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The vendor.css is not generated. .

"window.jQuery": "jquery",
'Tether': 'tether',
'window.Tether': 'tether',
Tooltip: "exports?Tooltip!bootstrap/js/dist/tooltip",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we dont need any bootstrap JS stuff. We use only css from here. For js we use ng-bootstrap

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This configuration is needed because of the issue shakacode/bootstrap-loader#172. If I didn't include these changes, I should comment the bootstrap scripts from the _.bootstraprc file.

@deepu105 deepu105 added the ng2 label Dec 8, 2016
@deepu105 deepu105 modified the milestone: Future 4.0 Dec 8, 2016
@dimeros
Copy link
Contributor Author

dimeros commented Dec 9, 2016

I think this solution is too complicated. I will leave bootstrap-loader. I don't close the pull request as I will commit a new fix until end of day.

@deepu105
Copy link
Member

deepu105 commented Dec 9, 2016 via email

@deepu105
Copy link
Member

deepu105 commented Dec 9, 2016

Please open a new PR to the master branch

@deepu105 deepu105 closed this Dec 9, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants