diff --git a/.eleventy.js b/.eleventy.js index b3bdf4b..c231584 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -69,6 +69,10 @@ module.exports = function(eleventyConfig) { /**************************** * Dynamic collections {{{2 * ****************************/ + // Set the collection to reverse chronological order + //eleventyConfig.addCollection("post", (collection) => { + //return collection.getFilteredByTag("post").reverse(); + //}); eleventyConfig.addCollection("produtos", function(collection) { // Read the YAML file const fileContent = fs.readFileSync("src/_data/produtos.yaml", "utf8"); diff --git a/_scss/main.scss b/_scss/main.scss index 6803779..c1531e5 100644 --- a/_scss/main.scss +++ b/_scss/main.scss @@ -305,18 +305,22 @@ main p:not(.card-text) { hyphens: auto; } -h3:not(.card-title) { - @extend .fw-medium; - @extend .fs-5; +h1 { + font-family: $font-family-narrow; } .subtitle, h2, h3 { + font-family: $headings-font-family; @extend .fst-italic; font-variant-numeric: lining-nums; } +h3:not(.card-title) { + @extend .fw-medium; +} + h1, h4, h5, @@ -374,7 +378,8 @@ tfoot, @extend .fw-medium; } -.sidebar { +.sidebar, +.toc { @extend .fs-6; @extend .text-secondary; @extend .fw-light; @@ -407,11 +412,11 @@ tfoot, font-family: $font-family-sans-serif; } -.card h3, +h3.card-title, .btn { font-family: $font-family-narrow; @extend .fst-normal; - @extend .fw-normal; + @extend .fw-light; a { @extend .link-dark; } @@ -436,6 +441,10 @@ blockquote > footer { @extend .fw-medium; } +small { + @extend .fw-medium; +} + // IDs {{{2 #hero { background-size: cover; @@ -503,8 +512,14 @@ blockquote > footer { // Tufte and CSL classes {{{2 // Columns {{{3 +main { + @extend .d-md-flex; + @extend .flex-md-nowrap; +} + main > .container.has-sidebar { @extend .ms-lg-0; + @extend .d-md-flex; @extend .flex-grow-1; } @@ -568,12 +583,12 @@ main > .container > .row { .sidebar { @extend .order-first; - @extend .d-flex; + @extend .d-md-flex; @extend .flex-column; @extend .flex-shrink-1; - @extend .mt-3; @extend .me-5; @extend .ms-auto; + @extend .ps-5; @extend .opacity-50; &:hover { @extend .opacity-100; diff --git a/src/_includes/layouts/archive.njk b/src/_includes/layouts/archive.njk index 99e0ae6..459ef57 100644 --- a/src/_includes/layouts/archive.njk +++ b/src/_includes/layouts/archive.njk @@ -1,11 +1,16 @@ {%- extends "layouts/base.njk" -%} {%- block pagecontent -%} -