Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

Tailwind project rails


Hey,

Could you help me?

Rails 7.2 installs the core of the tailwind and maintains it.

Metronic Styles.css has the core too.
Is there some easy way to separate the core and the Metronic customizations?

Thank you.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


To separate the core of Tailwind and the customizations from Metronic in your Rails 7.2 project, you can follow these steps:

1. Create a Separate CSS File: Create a separate CSS file for your Metronic customizations, e.g., metronic_custom.css.

2. Import CSS File: In this file, you can import Tailwind classes and then add your Metronic customizations.

3. Use PostCSS: If you're using PostCSS, ensure it processes the CSS files in the desired order to avoid conflicts.

4. Check for Conflicts: After separating, make sure to check for any conflicts between Tailwind and Metronic classes with block blast online.

I hope this helps! If you need more information, feel free to ask!



Greetings everyone! I would like to thank the team at casino game development companies for their great products. The software they provide really makes gambling better and safer. It's amazing how innovation-oriented they are, and it's immediately noticeable when using their solutions. If you need quality and thoughtful solutions for your gambling platform, iSoftGamble is the perfect partner!



Hi,

You can put Metronic tailwind customizations into your core Tailwind config.
Just refer to tailwind.config.js move the settings into your own tailwind config and make sure the plugin paths match the config paths.

If you need any further help please send me the Rails config and i will suggest you further.

Regards.



Hi. Thank you.
Regards,


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(