materialize + pug (jade) does not work?

Question

materialize + pug (jade) does not work?

Navigation

#1 by (0 votes)

0

I have this in my layout

doctype html
html
  head
    title= title
    script(src="/javascripts/jquery-1.9.1.js")
    link(rel='stylesheet', type='text/css', href='/stylesheets/materialize.min.css')
    script(src="/javascripts/materialize.min.js")
  body
    block content

and in my .jade file:

extends layoutPresentacion

block content   

    nav
      div(class="nav-wrapper   #000000 black") 
        a(href="" class="brand-logo") Key

does not work, try in various ways and nothing

this is my html I want to pass it to .jade

<nav>
  <div class="nav-wrapper   #000000 black">
    <a href="" class="brand-logo" >KeyBIOMETRIC</a>
    <ul id="nav-mobile" class="right hide-on-med-and-down">
      <li><a href=""><i class="material-icons left">playlist_add</i>ingresar</a></li>
      <li><a href=""><i class="material-icons left">description</i>registrar</a></li>
     <li><a href=""><i class="material-icons left">supervisor_account</i>informacion</a></li>
    </ul>
  </div>
</nav>

html5 css3 materialize jade pug

asked by hubman 24.02.2017 в 05:07

source

1 answer

Error deploy App Laravel 5 in Heroku Error executing program java error 740

score 0 · Answer 1

Before the code you should review topics such as html and css markup.

To materialize class="black" in the div (class="nav-wrapper") you change the background-color of the element to black, you do not need # 000000 as a class, css does not recognize that value. And as you say gustavo you can use HTML2Jade. or codepen.io to do that job of working pug

- var title = 'title'

 doctype html
 html
     head
         title= title
         script(src="/javascripts/jquery-1.9.1.js")
         link(rel='stylesheet' type='text/css' href='/stylesheets/materialize.min.css')
         script(src="/javascripts/materialize.min.js")
     body
         nav
            div(class="nav-wrapper black") 
               a.brand-logo(href='') KeyBIOMETRIC
               ul#nav-mobile.right.hide-on-med-and-down
                 li
                   a(href='')
                     i.material-icons.left playlist_add
                     | ingresar
                 li
                   a(href='')
                     i.material-icons.left description
                     | registrar
                 li
                   a(href='')
                     i.material-icons.left supervisor_account
                     | informacion