CSS: Less bottom margin for headings #54

Merged
jtbx merged 1 commit from feature/css-headings into main 2024-03-07 20:15:01 +01:00
2 changed files with 69 additions and 1 deletions

View file

@ -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

View file

@ -13,7 +13,7 @@
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
{{ 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 -}}
<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
{{- end }}
{{ with resources.Get "sass/main.scss" | toCSS $cssOptionsMain | minify | fingerprint -}}