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 %}