diff --git a/_extensions/clean/clean.scss b/_extensions/clean/clean.scss index 2c69b1b..3382dc0 100644 --- a/_extensions/clean/clean.scss +++ b/_extensions/clean/clean.scss @@ -24,7 +24,8 @@ Note: This theme uses the Roboto font family, which it imports from Google preserving consistent font weights, you may also wish to remove "Roboto" from the choice set if the family is installed locally. */ -@import url(https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,350,350i,400,400i); +@import url('https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,350,350i,400,400i&display=swap'); + $font-family-sans-serif: "Roboto", sans-serif !default; $presentation-heading-font: "Roboto", sans-serif !default; @@ -240,6 +241,42 @@ $selection-bg: #26351c !default; margin-right: 5px; } +// tables + +.reveal table { + // height: auto; /* Adjust table width to fit content up to the available slide space */ + margin: auto; + border-collapse: collapse; + border-spacing: 0; + font-size: 0.8em; +} + +.reveal table th, +.reveal table td { + border: none; /* Remove internal row lines */ + padding: .23em; /* Adjust padding as needed */ + text-align: left; /* Adjust text alignment as needed */ + font-weight: lighter; /* Lighter font weight for main table text */ +} + +/* Adds a bottom border to the table header row for distinction */ +.reveal table thead th, +.reveal .slides table tr:last-child td, +.reveal .slides table { + border-bottom: 2px solid #D3D3D3; /* Dark grey color for the bottom border */ +} + +/* Make column headers bold */ +.reveal table thead th { + font-weight: bold; +} + +/* Styling table captions */ +.reveal table caption { + color: #666666; /* Dark grey color for the caption */ + font-variant: small-caps; /* Use small caps for the caption text */ +} + // Special catch for etable environment to ensure these table images // don't overflow the slide. // See: https://lrberge.github.io/fixest/articles/etable_new_features.html diff --git a/clean-title.png b/clean-title.png index 706af00..2079631 100644 Binary files a/clean-title.png and b/clean-title.png differ diff --git a/template.qmd b/template.qmd index a57ba36..6e6329a 100644 --- a/template.qmd +++ b/template.qmd @@ -60,21 +60,21 @@ with more examples for integrating code, tables, figures, etc. ### A minimal and elegant presentation theme The Quarto reveal.js clean theme aims to be a minimal and elegant presention -theme. +theme. Here are some options to get you started: -Install the theme. +Add the theme to an existing project. ```{.bash} quarto install extension grantmcdermott/quarto-revealjs-clean ``` -Use this lean template. +... or, create a new project using this slide deck as a lean template. ```{.bash} quarto use template grantmcdermott/quarto-revealjs-clean ``` -Use the longer demo template. +... or, create a new project using the demo slide deck as a full template. ```{.bash} quarto use template grantmcdermott/quarto-revealjs-clean-demo