Port CSS to Tailwind

This commit is contained in:
Andrey Golovizin 2020-02-07 20:45:32 +01:00
parent ec098fa934
commit ec175fe0c6
5 changed files with 66 additions and 190 deletions

View file

@ -5,38 +5,15 @@
<title>{% block title %}This is my new project home page{% endblock title %}</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="/static/style.css" rel="stylesheet">
<style type="text/css">
#page-nav {
padding-left: 0;
margin: 2rem 0;
}
#page-nav li {
display: inline;
list-style-type: none;
padding-right: 20px;
}
.container {
max-width: 940px;
margin: 3rem auto
}
.content {
float: left;
width: 80%;
}
.sidebar {
float: left;
width: 20%;
}
</style>
{% render_block "css" %}
</head>
<body>
{% cms_toolbar %}
<div class="container">
<div class="container mx-auto">
<h1>Инженер-строитель В.&#8239Н.&#8239Головизин</h1>
<nav id="page-nav">
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger"/>
<nav id="page-nav" class="bg-green-800 block mt-6 mb-6">
<label for="hamburger" class="hidden">&#9776;</label>
<input type="checkbox" id="hamburger" class="hidden"/>
<ul class="nav">
{% show_menu 0 100 100 100 %}