twitter bootstrap – I am updating a website with a new design but the client wants to retain the old style on some pages, what is the best way to manage the new CSS?

We have a new design for a very large website but the client does not want to apply the new design on every page. They want to apply the new design style to important pages like homepage or blog.

This means that we have old template layouts and new CSS.

I will have two SASS files to create two individual CSS files (existing one and new one) then add the correct one in the header (depending on whether it was old or new style).

In the old template header:

<link type="text/css" href="/css/styles-old.css" rel="stylesheet">

Then in the new template header:

<link type="text/css" href="/css/styles-new.css" rel="stylesheet">

This means that we have to manage two sets at a time, which is not very efficient. They also want to upgrade from Bootstrap 3 to Bootstrap 4 with the new style, so that means rewriting some HTML and classes so that they can work properly.

The client may want to edit the old pages and styles when we create new styles on the website, so we can’t leave the old style immediately.

Has anyone done something that was easy to manage?

Write a Comment

Your email address will not be published. Required fields are marked *