Tema: Como usar codigo css en Jade?
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 19/08/2012, 02:14
Fsg
 
Fecha de Ingreso: junio-2009
Mensajes: 155
Antigüedad: 15 años, 8 meses
Puntos: 5
Respuesta: Como usar codigo css en Jade?
Cita:
Iniciado por danneg Ver Mensaje
Bien mira, lo que pasa es que Jade compila cualquier etiqueta, si tu pones

Código jade: 
Ver original
  1. html

  2.     body

  3.         etiquetanoexistente

Tu resultado sería algo como

Código HTML: 
Ver original
  1. <html>
  2.     <body>
  3.         <etiquetanoexistente></etiquetanoexistente>
  4.     </body>
  5. </html>

Hablando sobre css, en jade se declaran capas con los selectores css, por lo tando si haces esto:

Código jade: 
Ver original
  1. style

  2.     #test

  3.         border-radius:5px

Tu resultado será:

Código HTML: 
Ver original
  1. <style>
  2.     <div id="test">
  3.         border-radius:5px
  4.     </div>
  5. </style>

Obviamente no se hace visible por que está dentro del head.

Por otro lado, es más recomendable enlazar tu archivo css al documento con la etiqueta link, y hablando de preprocesadores, te recomiendo usar styluss o less, son preprocesadores css muy utiles.

Para enlazar tu documento sería algo como:

Código jade: 
Ver original
  1. link(rel='stylesheet/less', href='path/to/style.less')

El resultado será algo como

Código HTML: 
Ver original
  1. <link rel="stylesheet/less" href="path/to/style.less">
Muchas gracias, de hecho despues de mi ultimo mensaje, he estado metiendome a stylus, ya lo tengo entendido,y gracias por el dato, estaba interpretando mal la forma de escribir en Jade.