Rendering a CSS file using Twig

Question

I'm using Twig as a Template Engine. I want to render my CSS files though Twig, with the advantage of macros. The response I receive looks fine. But somehow if I include it, the HTML page doesn't recognise it as a css file. When I include the real css files, the site works just fine. The comparison of the received source code is exactly the same...

Although, Chrome displays the files differently. It displays the rendered file on one line. It is probably being interpreted as a HTML file.

The real css file is being displayed like the source code, on multiple lines.

You include both files with the extension of .css. How can I fix this?

Maerlyn · Accepted Answer · 2012-11-04 09:25:39Z

2

You say that you get the correct contents, but it's not interpreted as css. This could be because of an incorrect contenty-type header.

Css files should be sent as text/css, in Sf the default is text/html. In the action that renders your css make sure to set the correct header.

answered Nov 4, 2012 at 9:25

Maerlyn

34.2k18 gold badges99 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

IluTov Over a year ago

Yes, that sounds legit. Do you know how to do this in Twig? Google didn't know the answer.

IluTov Over a year ago

Ok, it worked by setting header("Content-Type: text/css"); Isn't there a more elegant way?

Maerlyn Over a year ago

You can set headers in your controller on the Response object.

Community · Accepted Answer · 2017-05-23 12:04:34Z

2

Perhaps you should take a look at LESS its more effizient instead of parsing your CSS files. With LESS you have a lot of possibilities to make blocks and reuse functions with variables.

Perhaps its an alternative for your problem.

Edit:
Template Suffix
Run CSS file through Twig when using {% stylesheets %} tag in Twig with Symfony2

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Nov 3, 2012 at 23:04

René Höhle

27.4k22 gold badges78 silver badges91 bronze badges

4 Comments

IluTov Over a year ago

Thanks, but I'd like to keep that plan B. I'm already using Twig for all of my files, that's why I wanted to do the same with my CSS files.

René Höhle Over a year ago

I have added 2 links with solutions.

IluTov Over a year ago

The engine suffix didn't solve my problem. I think Twig isn't type-specified. The second link hasn't a solution yet.

IluTov Over a year ago

Take a look at the solution. Thanks for your help though.

Collectives™ on Stack Overflow

Rendering a CSS file using Twig

2 Answers 2

3 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related