jcarrier-theme

A Grav CMS theme for <https://jacynthecarrier.com>.
git clone git://soucy.cc/jcarrier-theme.git
Log | Files | Refs | README | LICENSE

commit 6cfde80db012dfba417217e27b14abe8c0050f8a
parent 3886fd6f1f752d1f335e8fc26a833cfa81c241b5
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sat, 21 Nov 2020 21:18:48 -0500

Style common elements

Diffstat:
Msrc/scss/global/_abstractions.scss | 3++-
Msrc/scss/global/_colors.scss | 4+++-
Msrc/scss/modules/_layout.scss | 2--
Asrc/scss/modules/_main.scss | 8++++++++
Mtemplates/default.html.twig | 8+++++++-
5 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/scss/global/_abstractions.scss b/src/scss/global/_abstractions.scss @@ -1,8 +1,9 @@ $base-fontsize: 16; $base-lineheight: 1.5; +$grid-minwidth: 240px; :root { - --base-fontfamily: "Lucida Console", Courier, monospace; + --base-fontfamily: Arial, Helvetica, sans-serif; --base-fontsize: #{$base-fontsize}; --base-lineheight: #{$base-lineheight}; diff --git a/src/scss/global/_colors.scss b/src/scss/global/_colors.scss @@ -1,10 +1,12 @@ // Color palette :root { + --base-blue: #27346D; --base-red: #e31d25; --base-darkest: #000000; --base-brightest: #ffffff; --base-brightest-grey: #eeeeee; + --base-grey: #666666; --base-bg: var(--base-brightest); --base-fg: var(--base-darkest); - --base-link: var(--base-red); + --base-link: var(--base-blue); } diff --git a/src/scss/modules/_layout.scss b/src/scss/modules/_layout.scss @@ -9,13 +9,11 @@ } .layout__aside { - background: aqua; flex-basis: 15rem; flex-grow: 1; } .layout__main { - background: aquamarine; flex-basis: 0; flex-grow: 999; min-width: calc(75% - 1rem); diff --git a/src/scss/modules/_main.scss b/src/scss/modules/_main.scss @@ -0,0 +1,8 @@ +// Main content module +.main { + padding: 1rem; + + & > header:first-child h1 { + margin-top: 0; + } +} diff --git a/templates/default.html.twig b/templates/default.html.twig @@ -1,5 +1,11 @@ {% extends 'partials/base.html.twig' %} {% block content %} - {{ page.content }} + <article> + <h1 class="rte visuallyhidden">{{ page.title }}</h1> + + <div class="rte"> + {{ page.content }} + </div> + </article> {% endblock %}