Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/08/2012, 14:06
danneg
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Como usar codigo css en Jade?

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.     <body>
  2.         <etiquetanoexistente></etiquetanoexistente>
  3.     </body>
  4. </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.     <div id="test">
  2.         border-radius:5px
  3.     </div>

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">

Última edición por danneg; 18/08/2012 a las 15:18