how do you link css to a jade file?

css node.js express pug
Swat Designz picture Swat Designz · Nov 28, 2013 · Viewed 41.6k times · Source

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')

Answer

Khanh Nguyen picture Khanh Nguyen · Nov 28, 2013

You need rel

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

Related questions

How can I include css files using node, express, and ejs?

I'm trying to follow the instructions to https://stackoverflow.com/a/18633827/2063561, but I still can't get my styles.css to load. From app.js app.use(express.static(path.join(__dirname, 'public'))); In my .ejs, I have tried both of …

Read More
adding .css file to ejs

im working on node.js(express) with ejs and im not able to include a .css file to it.i tried the same thing seperately as a html-css duo and it worked fine...how can i include the same in …

Read More
CSS file blocked: MIME type mismatch (X-Content-Type-Options: nosniff)

I am developing an Angular 4 app and I want to apply some global styles. Following the tutorial at the angular site, I've created a "styles.css" file in the root directory of my app, and I'm referring to that stylesheet …

Read More