~zenomat/tinywiki

c9f833afe3c7b7a5661d5876a09c4645d0748487 — zeno 3 months ago 8794a37
Remove container div, use :root, heading size change
2 files changed, 48 insertions(+), 49 deletions(-)

M style.css
M template.html
M style.css => style.css +21 -20
@@ 3,6 3,9 @@
    --fg-col: #ffffff;
    --accent: #e93c58;
    --sec-accent: #9a9a9a;
	max-width: 42rem;
	margin-left:  auto;
	margin-right: auto;
}

* {


@@ 31,21 34,25 @@ a:hover {
h1, h2, h3, h4, h5, h6 {
    color: var(--accent);
    font-weight: 400;
	text-align: center;
}

h1 {
.title {
	font-size: 2.25rem;
	text-align: center;
}

h1:not(.title) {
	font-size: 1.9rem;
}

h2 {
	font-size: 1.85rem;
  	margin-top: 3rem;
	margin-top: 3rem;
}

h3 {
	font-size: 1.55rem;
  margin-top: 3rem;
	margin-top: 3rem;
}

h4 {


@@ 111,12 118,6 @@ tbody tr:nth-child(odd) th {
    background-color: #3b3f4f;
}

.container {
  max-width: 42rem;
  margin-left:  auto;
  margin-right: auto;
}

footer {
  bottom: 0px;
  text-align: center;


@@ 157,14 158,14 @@ pre code {
}

@media only screen and (max-width: 600px) {
  html, body {
    font-size: 15px;
  }
  .container {
    padding-left: 0.0rem;
    padding-right: 0.0rem;
    max-width: 45rem;
  }
  blockquote {
  }
	html, body {
		font-size: 15px;
	}
	:root {
		padding-left: 0.0rem;
		padding-right: 0.0rem;
		max-width: 45rem;
	}
	blockquote {
	}
}

M template.html => template.html +27 -29
@@ 31,36 31,34 @@ $styles.html()$
	$for(include-before)$
	$include-before$
	$endfor$
	<div class="container">
		$if(title)$
		<h1 class="title">$title$</h1>
		$endif$
		$if(home)$
		<p class="meta">
		<a href="$home$">home</a>
		</p>
		$endif$
		$if(subtitle)$
		<p class="meta">$subtitle$</p>
		$endif$
		$if(author)$
		$for(author)$
		<p class="meta">$author$</p>
		$endfor$
		$endif$
		$if(date)$
		<p class="meta">Last edited: $date$</p>
		$endif$
		$if(toc)$
		<nav id="$idprefix$TOC" role="doc-toc">
			$if(toc-title)$
			<h2 id="$idprefix$toc-title">$toc-title$</h2>
			$endif$
			$table-of-contents$
		</nav>
	$if(title)$
	<h1 class="title">$title$</h1>
	$endif$
	$if(home)$
	<p class="meta">
	<a href="$home$">home</a>
	</p>
	$endif$
	$if(subtitle)$
	<p class="meta">$subtitle$</p>
	$endif$
	$if(author)$
	$for(author)$
	<p class="meta">$author$</p>
	$endfor$
	$endif$
	$if(date)$
	<p class="meta">Last edited: $date$</p>
	$endif$
	$if(toc)$
	<nav id="$idprefix$TOC" role="doc-toc">
		$if(toc-title)$
		<h2 id="$idprefix$toc-title">$toc-title$</h2>
		$endif$
		$body$
	</div>
		$table-of-contents$
	</nav>
	$endif$
	$body$
	$for(include-after)$
	$include-after$
	$endfor$