search

BrightCoders-Proyectos / tribo-web

0 stars 0 forks source link

TailwindCSS Setup #2

Closed ediazjz closed 3 years ago

ediazjz commented 3 years ago

REQUIREMENTS

This issue is to include TailwindCSS in the project, which will allow to style the app more easily.

Acceptance Criteria

Preferably use this command to install Tailwind:

You can use this tutorial to configure Tailwind with Ruby on Rails

YilKanda commented 3 years ago

What would be the difference to install it with yarn?

yarn add tailwindcss --dev

YilKanda commented 3 years ago

For the css actions to work, could vanillaJS, StimulusJS, etc., be implemented?

In the case of wanting to implement StimulusJS, preferably install it with the command:

yarn add stimulus

ediazjz commented 3 years ago

What would be the difference to install it with yarn?

yarn add tailwindcss --dev

According to documentation, version 1.9.6 of Tailwind works perfectly with yarn, but in version 2.0.1 yarn is not mentioned even once. The postcss autoprefixer installations are also necessary for Tailwind to work smoothly in all browsers without writing vendor prefixes (that's the main reason behind installing autoprefixer)

ediazjz commented 3 years ago

For the css actions to work, could vanillaJS, StimulusJS, etc., be implemented?

In the case of wanting to implement StimulusJS, preferably install it with the command:

yarn add stimulus

Haven't heard of them, if you want to use StimulusJS, feel free to do so

YilKanda commented 3 years ago

According to documentation, version 1.9.6 of Tailwind works perfectly with yarn, but in version 2.0.1 yarn is not mentioned even once. The postcss autoprefixer installations are also necessary for Tailwind to work smoothly in all browsers without writing vendor prefixes (that's the main reason behind installing autoprefixer)

Postcss autoprefixer installations are done by installing it in yarn with this code:

yarn add tailwindcss@compat postcss@^7 autoprefixer@^7 postcss-flexbugs-fixes@^4 postcss-preset-env