CSS Less changes not showing. Compile or IIS error?


Tags: html,css,iis,compilation,less

Problem :

I have changed my LESS css code directly on the file wich is hosted on server.

But anything I change in this file, -wich I thought was beening loaded on every page request, do not appear visually whenever the page using the styling is loaded.

Now, I understand that LESS is somehow compiled into "raw" CSS in some way, but I do not know exatly how. I imagine this not happening might be the error.

Another idea that I had was about the IIS, wich is pointing to the site. Is it possible that the IIS needs to be refreshed in any way to make the LESS code recompile?

I believe that if I just get the LESS code to recompile itself, it would work fine. What could be preventing me from doing just that?



Solution :

You need to compile .scss files (SASS). If you are using Visual Studio, you need to install Web Essentials 2013.5 extension (link).

If not using VS, there are many good compilers for SASS files including KOALA (link).


    CSS Howto..

    ExtJS - How to style disabled buttons?

    how to ensure that each time a css class name changes from the previous, it is applied a specific style

    How do you add multile vendor prefixes to one css property?

    how to style a symfony2 form button

    How to prevent div become two rows?

    How to differentiate between two class of same name in different css on same page

    how to do 3d menu in css 3 with that effect like on page [closed]

    Shouldn't adapting the scree size of a fluid layout in the desktop show how the site should look for mobile?

    How can i learn CSS easily?

    How to change the colors of a website in real time?

    How to have a different visited link colour in 2 sections of a html?

    How to fix “Eliminate render-blocking JavaScript and CSS in above-the-fold content” in joomla

    HTML & CSS: Vertical Flow Layout (columnar style), how to implement?

    How to draw realistic smooth slit shadow with Pure CSS3?

    How to reduce the indentation between first and second line inside circle?

    How to prevent artifacts from appearing in Webkit when scrolling the page after stopping CSS animations

    How to Override bootstrap img height and width properties?

    How can browsers resolve icon libraries that aren't specifically referenced in the frontend code?

    how to make website more user friendly for mobile users [closed]

    960 grid css : How do I change vertical padding between divs?

    How do I specify XPATH or CSS in Nokogiri to scrape a page's table data?

    Css - how to add an image outside a text box (on the left side but touching the box)

    Using CSS approach how to set an image to fill a path in SVG?

    CSS how to change color of a specific primary-panel in a if-block

    how to move css element with scrolling left with Jquery?

    How to center align ion icon inside button?

    Disable the centring image function in a slideshow plugin?

    In CSS, how to make the colored background be at least 50% of pagewidth and at most 90%, and as wide as necessary?

    How can I stop an image element from taking 100% width?

    How can I wrap text around a bottom-right div?