Tailwindcss intellisense in vscode not working - tailwind-css

Tailwind intellisense in VSCode is not working when I'm using it with tailwindcss "Play CDN".
Is there any solution or any other extention that can help me.

This is a kind of work around:
Just create a file tailwind.config.js in root directory of project. And it will work as charm.
Even if there is no content inside the file, the Tailwind intellisense will work while using Play CDN of tailwind.

You can install the Tailwind CSS IntelliSense extension and follow the installation instructions.

Related

Do i need to compile my SCSS files within my react.js project with the live SASS compiler? or does React.js this for me out of the box?

so i am quiet new to react.js and i was using Sass & scss in my php projects.
there i would compile with the VScode extention 'Live Sass Compiler'.
Now i am using React.js and i dont know if i sould compile the written Sass with the extention from vs code or if react.js does this for me. react is reading my scss even without compiling to css.
but i cant help thinking that its better to let the LIVE SASS COMPILER do its work becouse it is awesome at creating browser compatible css.
does react.js autocompile SCSS just like the Live SASS compiler?

How to deploy sass project into Netlify or Heroku?

I have created a sass project but I don't know how to deploy it before I deploy some other project into Heroku but in cases of sass I am so confused how to deploy it on production?
sass compiled at the end into CSS so could deploy directly HTML ,CSS and JavaScript part???
If we deploy sass into production so what will the build pack for sass?
I have no idea about it please help me for this.
The Sass file has to be compiled into a CSS file because browsers only recognize CSS for styling. If you're using VSCode, simply install the Sass compiler extension, click 'Watch Sass' and it will compile your Sass file into CSS every time there is a change made. Make sure to link the CSS file to the HTML file.

Using Glyphfriend with bower

I've modified my VS 2015 project to remove the existing Bootstrap and FontAwesome NuGet packages in favor of getting those CSS libraries from bower. I've discovered that I can get CSS Intellisense working for those CSS classes by including the bootstrap.css and font-awesome.css files (several sub-folders deep under the bower_components project folder) in the VS project.
But I haven't yet figured out the magic to get the Glyphfriend extension to work in this configuration. Simply including bower_components/dist/css/bootstrap.css in the project satisfies Intellisense, but it doesn't get me icon pictures via Glyphfriend. I've tried including the svg files in the project, but that doesn't help. I've also tried copying the svg files to their previous home in the Fonts project folder, but that didn't help either.
Any suggestions?
The Glyphfriend gods fixed it.

Compass shows as compiling, but no changes to the site or the style.css

I am using Bluehost hosting for a WP site using a Foundation 5 theme called JointsWP, and have been using compass to try and compile the .scss styles. It shows as compiling and initially made a few changes in relation to the body styles of the site, but once I started to modify the header styles, it seemed to no longer work. I have tried uninstalling and reinstalling the gems, downgrading to lower versions of both Sass and Compass, and I can't get it to work.
It sounds like you are attempting to compile Sass on a server - this won't be possible. When working with Sass you need to work locally and then push your updates to the server.

AngularStrap with bootstrap-sass-official

Finally getting around to learning front-end development with sass and I'm using bootstrap-sass-official (installed via bower) in an AngularJS project. Id like to try out AngularStrap in this project as well but it's dependency on bootstrap's CSS means I am loading both the standard CSS version as well as the SASS version of bootstrap. Can I use AngularStrap with bootstrap-sass without also requiring the standard CSS?
Bower will require the standard bootstrap.css with the installation of angularstrap. Once it is installed, remove the reference to it from your index.html file and you're all set. Thanks to Remco Haszing for the answer!

Resources