fixes spacing in mobile menu, flex-wrap in footer (again)

This commit is contained in:
madrilene 2023-05-25 09:39:52 +02:00
parent 89e7dabb68
commit 2c13851f12
5 changed files with 15 additions and 7 deletions

View file

@ -7,6 +7,12 @@
* - `./config/transforms/index.js`
*/
// JSDoc comment: Hint VS Code for eleventyConfig autocompletion. © Henry Desroches - https://gist.github.com/xdesro/69583b25d281d055cd12b144381123bf
/**
* @param {import("@11ty/eleventy/src/UserConfig")} eleventyConfig
*/
// get package.json
const packageVersion = require('./package.json').version;

View file

@ -1,6 +1,6 @@
{
"name": "eleventy-excellent",
"version": "1.5.3",
"version": "1.5.4",
"description": "Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es.",
"author": "Lene Saile",
"license": "ISC",

View file

@ -39,7 +39,7 @@ nav.navbar ul {
block-size: var(--nav-list-height, 100vh);
list-style: none;
margin: 0;
padding: var(--nav-list-padding, 2rem);
padding: var(--nav-list-padding, var(--space-l) var(--space-s));
position: var(--nav-list-position, fixed);
inset-block-start: 0; /* Logical property. Equivalent to top: 0; */
inset-inline-end: 0; /* Logical property. Equivalent to right: 0; */

View file

@ -6,15 +6,16 @@
.site-foot__inner {
display: flex;
gap: var(--space-xs-s);
gap: var(--space-s);
justify-content: center;
align-items: center;
}
:not(nav).site-foot__inner {
:not(nav#social).site-foot__inner {
flex-wrap: wrap;
}
.site-foot svg {
block-size: 1em;
inline-size: 1em;
block-size: 0.9em;
inline-size: 0.9em;
}

View file

@ -6,7 +6,8 @@ date: 2023-01-25
When you share your blog posts, a thumbnail image may appear - the image we define in our meta data as an Open Graph Image (`og:image`).
This starter now generates these images for your blog posts automatically.
This starter generates these images for your blog posts automatically.
The fallback and default image for all other pages is the image set as `opengraph_default` in the `meta.js` global data file.
`meta-info.njk`