react-responsive-modal icon indicating copy to clipboard operation
react-responsive-modal copied to clipboard

Skip built in classes

Open tyler-ground opened this issue 3 years ago • 4 comments

Some of my classes only partially take effect because the built in responsive-modal-modal class overrides some of the styles in them.

It would be great if I can add a noDefaultStyles={true} param to bypass the existing classes.

tyler-ground avatar Jan 22 '21 18:01 tyler-ground

Pr welcome for this :)

pradel avatar Mar 04 '21 08:03 pradel

Import your styles in parent folder and import react-responsive-modal/styles.css in child folder Now css Specificity Rules applies. And your your styles will take effect

gokulakrishnanc95 avatar May 29 '21 10:05 gokulakrishnanc95

Can't you just not import the CSS? Or copy the CSS file into your project and change it

cmmartin avatar Feb 16 '22 18:02 cmmartin

This would be useful for people using tailwindcss or any other utility class css framework. Currently difficult to even set the modal background color and would prefer to be using tailwind classes and not importing and customising css for consistency.

mrcarl79 avatar May 15 '22 22:05 mrcarl79