From 76dcc69074e43895285d4551657520202680e859 Mon Sep 17 00:00:00 2001 From: jtbx Date: Sat, 2 Mar 2024 22:31:28 +0100 Subject: [PATCH] CSS: Less bottom margin for headings --- themes/ccchh/assets/sass/pico-ccchh.scss | 68 ++++++++++++++++++++++++ themes/ccchh/layouts/partials/head.html | 2 +- 2 files changed, 69 insertions(+), 1 deletion(-) create mode 100644 themes/ccchh/assets/sass/pico-ccchh.scss diff --git a/themes/ccchh/assets/sass/pico-ccchh.scss b/themes/ccchh/assets/sass/pico-ccchh.scss new file mode 100644 index 0000000..c86b252 --- /dev/null +++ b/themes/ccchh/assets/sass/pico-ccchh.scss @@ -0,0 +1,68 @@ +/*! + * Pico CSS v1.5.11 (https://picocss.com) + * Copyright 2019-2023 - Licensed under MIT + */ + +// Config +@import "../pico-1.5.11/scss/variables"; + +// Theming +@import "../pico-1.5.11/scss/themes/default"; + +h1 { + --font-size: 2rem; + --typography-spacing-vertical: 1rem; +} + +h2 { + --font-size: 1.75rem; + --typography-spacing-vertical: 0.875rem; +} + +h3 { + --font-size: 1.5rem; + --typography-spacing-vertical: 0.75rem; +} + +h4 { + --font-size: 1.25rem; + --typography-spacing-vertical: 0.625rem; +} + +h5 { + --font-size: 1.125rem; + --typography-spacing-vertical: 0.5rem; +} + +// Layout +@import "../pico-1.5.11/scss/layout/document"; // html +@import "../pico-1.5.11/scss/layout/sectioning"; // body, header, main, footer +@import "../pico-1.5.11/scss/layout/container"; // .container, .container-fluid +@import "../pico-1.5.11/scss/layout/section"; // section +@import "../pico-1.5.11/scss/layout/grid"; // .grid +@import "../pico-1.5.11/scss/layout/scroller"; // figure + +// Content +@import "../pico-1.5.11/scss/content/typography"; // a, headings, p, ul, blockquote, ... +@import "../pico-1.5.11/scss/content/embedded"; // audio, canvas, iframe, img, svg, video +@import "../pico-1.5.11/scss/content/button"; // button, a[role=button], type=button, type=submit ... +@import "../pico-1.5.11/scss/content/form"; // input, select, textarea, label, fieldset, legend +@import "../pico-1.5.11/scss/content/form-checkbox-radio"; // type=checkbox, type=radio, role=switch +@import "../pico-1.5.11/scss/content/form-alt-input-types"; // type=color, type=date, type=file, type=search, ... +@import "../pico-1.5.11/scss/content/table"; // table, tr, td, ... +@import "../pico-1.5.11/scss/content/code"; // pre, code, ... +@import "../pico-1.5.11/scss/content/miscs"; // hr, template, [hidden], dialog, canvas + +// Components +@import "../pico-1.5.11/scss/components/accordion"; // details, summary +@import "../pico-1.5.11/scss/components/card"; // article +@import "../pico-1.5.11/scss/components/modal"; // dialog +@import "../pico-1.5.11/scss/components/nav"; // nav +@import "../pico-1.5.11/scss/components/progress"; // progress +@import "../pico-1.5.11/scss/components/dropdown"; // dropdown + +// Utilities +// @import "../pico-1.5.11/scss/utilities/loading"; // aria-busy=true +// @import "../pico-1.5.11/scss/utilities/tooltip"; // data-tooltip +@import "../pico-1.5.11/scss/utilities/accessibility"; // -ms-touch-action, aria-* +@import "../pico-1.5.11/scss/utilities/reduce-motion"; // prefers-reduced-motion diff --git a/themes/ccchh/layouts/partials/head.html b/themes/ccchh/layouts/partials/head.html index 9d7bb03..936de41 100644 --- a/themes/ccchh/layouts/partials/head.html +++ b/themes/ccchh/layouts/partials/head.html @@ -13,7 +13,7 @@ - {{ with resources.Get "pico-1.5.11/scss/pico.scss" | toCSS $cssOptionsPico | minify | fingerprint -}} + {{ with resources.Get "sass/pico-ccchh.scss" | toCSS $cssOptionsPico | minify | fingerprint -}} {{- end }} {{ with resources.Get "sass/main.scss" | toCSS $cssOptionsMain | minify | fingerprint -}}