Oi pessoal. Alguém de você tem algum modelo / Exemplo de como estilizar (CSS) com Marko. Desde já obrigado
Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas
respostas
Style com Marko
Fala aí Tiago, tudo bem? Como você está fazendo? Basicamente você precisa aplicar as classes no seu HTML e importar o arquivo de CSS.
Já chegou dar uma lida na documentação do Marko?
Espero ter ajudado.
Fale Matheus. Olha vi sim. Na realidade estava querendo deixar separado CSS em uma pasta e arquivo html/marko em outra. Minha situação é a seguinte.
Pasta: Lista =>SubCSS | Lista => SubHTML (Uma pasta Lista, e duas sub pasta CSS e HTML)
Nome do arquivo. style.css
style{
h1 {
font-size: 60px;
background-color: #851944;
color: #FFF;
text-align: center;
font-family: "Arial";
}
}Nome do arquivo: Lista.marko
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
<h1> Listagem de livros </h1>
<table id="livros">
<tr>
<td>ID</td>
<td>Título</td>
<td>Preço</td>
<td>Editar</td>
<td>Remover</td>
</tr>
<tr id="livro_${livro.id}" for (livro in data.livros)>
<td>${livro.id}</td>
<td>${livro.titulo}</td>
<td>${livro.preco}</td>
<td><a href="#">Editar</a></td>
<td><a href="#" data-ref="${livro.id}" data-type="remocao">Remover</a></td>
</tr>
</table>
<script src="./remove-livro.js"></script>
</body>
</html>Desde já obrigado pela ajuda.
solução!
Desculpa mas ainda não entendi, está funcionando mas vocÊ quer saber se é uma boa prática? Boiei.
Acho bem legal a ideia de separar, o que você pode fazer é criar essa pasta lista e dentro dela ter os arquivos:
lista
----| lista.css
----| lista.htmlObs: Desculpa a demora, está bem corrido por aqui.
Espero ter ajudado.
Obrigado!