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

Ionic + Angular import conflicts #104

Closed
Dev-it-a-dev opened this issue Dec 2, 2022 · 7 comments
Closed

Ionic + Angular import conflicts #104

Dev-it-a-dev opened this issue Dec 2, 2022 · 7 comments
Assignees

Comments

@Dev-it-a-dev
Copy link

Import documentation is not clear enough to me.
How should I import it in angular without using cdn?

Thanks in advance

@KicKerBNU KicKerBNU self-assigned this Dec 3, 2022
@KicKerBNU
Copy link
Collaborator

KicKerBNU commented Dec 3, 2022

Hello @Dev-it-a-dev,
1 - Install beercss npm i beercss
2 - Add to angular.json:

            "styles": [
              "node_modules/beercss/dist/cdn/beer.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "node_modules/beercss/dist/cdn/beer.min.js"
            ]

Assuming you are using Angular CLI just add this to your angular.json file
image

@Dev-it-a-dev
Copy link
Author

Thanks for the fast reply.
I've tried and followed your instructions but it won't work.
For context, I'm using ionic environment with angular framework.

@bartduisters
Copy link
Contributor

This feels like a platform specific use case - perhaps ask around in user groups for Ionic/Angular.
@KicKerBNU if it works for you, but it doesn't work for @Dev-it-a-dev, perhaps share a public repo.

Once solved, PR it in the docs where it makes sense and then this can be closed.

@KicKerBNU
Copy link
Collaborator

KicKerBNU commented Dec 5, 2022

Im not familiar with Ionic but i think the Ionic classes are conflicted with Beercss.
I tryed to reproduce here some Ionic environment and found a lot of CSS rules like in the image bellow:

image

@Dev-it-a-dev
Copy link
Author

Dev-it-a-dev commented Dec 5, 2022

I'm changing the title of the issue to be more appropriate since it seems to be a Ionic specific problem

@Dev-it-a-dev Dev-it-a-dev changed the title Angular Import Ionic + Angular import conflicts Dec 5, 2022
@leonardorafael
Copy link
Collaborator

leonardorafael commented Jan 18, 2023

I will close this, ok? We added more options of import beercss here https://github.com/beercss/beercss

@Dev-it-a-dev
Copy link
Author

Sure, no worries. I'm having huge workload these months so I cannot look into the problem myself for now

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

No branches or pull requests

4 participants