Base layout

4 years ago · 2d9e58f491
parent 5d0e31da8c
commit 2d9e58f491
3 changed files with 24 additions and 0 deletions
--- a/sass/_minireset.css
+++ b/sass/_minireset.css
@ -0,0 +1 @@
+/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
--- a/sass/main.scss
+++ b/sass/main.scss
@ -0,0 +1,19 @@
+@import "minireset";
+
+body {
+	min-height: 100vh;
+	display: flex;
+	flex-direction: column;
+}
+
+header {
+
+}
+
+main {
+
+}
+
+footer {
+	margin-top:auto; 
+}
--- a/templates/base.html
+++ b/templates/base.html
@ -11,8 +11,12 @@
 	<link rel="stylesheet" href="{{ get_url(path="main.css") | safe }}">
 </head>
 <body>
+	<header>
+	</header>
 	<main>
 		{% block content %}{% endblock content %}
 	</main>
+	<footer>
+	</footer>
 </body>
 </html>
				`@ -0,0 +1 @@`
				`/! minireset.css v0.0.6 \| MIT License \| github.com/jgthms/minireset.css /html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box},::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}`