Oi pessoal. Alguém de você tem algum modelo / Exemplo de como estilizar (CSS) com Marko. Desde já obrigado
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Oi pessoal. Alguém de você tem algum modelo / Exemplo de como estilizar (CSS) com Marko. Desde já obrigado
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.
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!