From 21f1f15e429fc80b75fe631fa34c1a43b617d2a3 Mon Sep 17 00:00:00 2001 From: Emil Miler Date: Thu, 2 Dec 2021 11:09:43 +0100 Subject: [PATCH] Basic styles --- sass/style.scss | 52 ++++++++++++++++++++++++++++++++++++++++++++ templates/index.html | 9 ++++++++ 2 files changed, 61 insertions(+) diff --git a/sass/style.scss b/sass/style.scss index e69de29..02dd4e3 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -0,0 +1,52 @@ +body { + font-size: 12pt; + line-height: 1.5; + + max-width: 60em; + margin: 0 auto; + padding: 1em; + + display: grid; + grid-template-columns: 10em auto; + grid-column-gap: 2em; +} + +header { + grid-column: 1/-1; + padding: 2rem 0; + font-weight: bold; + font-size: 1.5em; + + a { color: inherit } +} + +aside { + span.title { + display: block; + margin: 2em 0 1em 0; + font-weight: bold; + } + ul { + list-style-type: none; + padding: 0; + + li a { + color: #000; + display: block; + padding: 0 .5em; + + &:hover { + color: #fff; + background-color: #000; + text-decoration: none; + } + } + } +} + +a { + text-decoration: none; + color: #E1140A; + + &:hover { text-decoration: underline } +} diff --git a/templates/index.html b/templates/index.html index 71f7d8d..5e9043c 100644 --- a/templates/index.html +++ b/templates/index.html @@ -3,6 +3,7 @@ {% block title %}{{ config.title }}{% endblock %} +
@@ -14,9 +15,17 @@
  • anchor
  • anchor
    • + Title +
    {% block content %} +

    Title

    +

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam condimentum ipsum eros. Etiam aliquet ipsum lacus, vel congue est lobortis eu. Vestibulum laoreet leo vitae tincidunt euismod. Quisque urna lacus, eleifend vehicula eros sed, faucibus semper ipsum. Sed bibendum tortor blandit dolor finibus, a congue lacus lobortis. Aenean convallis quis risus at interdum.

    {% endblock %}