how do you link css to a jade file?

Question

I am currently trying to link normalize.css but its not working (using socket an express)

html
        head
                title= "Real time web chat"
                link(href='/css/normalize.css')
                script(src='/chat.js')
                script(src='/socket.io/socket.io.js')
                script(src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js')
        body
                #content(style='width: 100%; height: 600px; margin: 0 0 20px 0; border: solid 1px #999; overflow-y: scroll;')
                .controls
                        | Name: 
                        input#name(style='width:350px;')

                        input#field(style='width:350px; display: inline; margin-left -90px;')
                        input#send(type='button', value='send')

score 54 · Accepted Answer · answered Nov 28 '13 at 03:07

54

You need rel

link(href='/css/normalize.css', rel='stylesheet')

answered Nov 28 '13 at 03:07

Khanh Nguyen

11,112
10
52
65

when I view source it says "Cannot GET /css/normalize.css" – Swat Designz Nov 28 '13 at 03:12
You probably get wrong path then. If you use express default folder template, `normalize.css` should be in `public/css/'. – Khanh Nguyen Nov 28 '13 at 03:17
Thanks I had it in a CSS folder I had created myself – Swat Designz Nov 28 '13 at 03:38
The `rel=stylesheet` was the solution for me. Thanks – KhoPhi Apr 11 '16 at 23:02

how do you link css to a jade file?

1 Answers1