Isolate ionic styles

Ionic Framework
1

I want to use ionic in existing project and basically i want to use only some components of ionic, mostly pages related and navigation. I follow this guide to add it to my project Adding To An Existing React App | Ionic Documentation , it says “If you are using another CSS framework (like Bootstrap), you might want to isolate the Ionic pages away from them.” . the question is how can i do that? thanks

2

Hmmm…not really sure why it says that. In my Vue app I use TailwindCSS. I only import the required Ionic styles. This is what my theme file looks like.

/* Core CSS required for Ionic components to work properly */
import '@ionic/vue/css/core.css'

import 'tailwindcss/base.css'

/* Basic CSS for apps built with Ionic */
// import '@ionic/vue/css/normalize.css';
import '@ionic/vue/css/structure.css'
import '@ionic/vue/css/typography.css'

import 'tailwindcss/components.css'

/* Optional CSS utils that can be commented out */
// import '@ionic/vue/css/padding.css';
// import '@ionic/vue/css/float-elements.css';
// import '@ionic/vue/css/text-alignment.css';
// import '@ionic/vue/css/text-transformation.css';
// import '@ionic/vue/css/flex-utils.css';
// import '@ionic/vue/css/display.css';

import 'tailwindcss/utilities.css'