Criando o partial postblock.html e usando include

This commit is contained in:
Luiz Otávio
2023-04-25 08:10:22 -03:00
parent 2a15354bc4
commit 71036bfd44
3 changed files with 32 additions and 1 deletions

View File

@@ -3,5 +3,9 @@
<h1>{% block texto %}{% endblock texto %}</h1>
<main class="posts">
{% include 'global/partials/postblock.html' %}
</main>
</body>
</html>

View File

@@ -0,0 +1,13 @@
<article class="post">
<header>
<h2 class="post__title">Lorem ipsum dolor sit amet.</h2>
</header>
<div class="post__body">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aperiam doloremque
praesentium nam mollitia, recusandae asperiores in corporis ut eius
architecto rerum quae adipisci. Animi, repudiandae aut alias neque ab nemo
quasi perspiciatis natus odio ad aliquid eos. Illum incidunt perspiciatis
autem dolorum maxime, repellat facere, quae assumenda adipisci iure
officiis.
</div>
</article>

View File

@@ -1,5 +1,19 @@
* {
/* Reset */
*,
*:after,
*:before {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
background: #f1f1f1;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}