repair wrapping menu, converting all sizing properties to logical properties, readjust spacing values
This commit is contained in:
madrilene
parent
fee74d78ad
commit
6e7d1e0f02
20 changed files with 5034 additions and 5212 deletions
|
|
@ -46,6 +46,7 @@ const {slugifyString} = require('./config/utils');
|
|||
const {escape} = require('lodash');
|
||||
const pluginRss = require('@11ty/eleventy-plugin-rss');
|
||||
const inclusiveLangPlugin = require('@11ty/eleventy-plugin-inclusive-language');
|
||||
const bundlerPlugin = require('@11ty/eleventy-plugin-bundle');
|
||||
|
||||
module.exports = eleventyConfig => {
|
||||
// --------------------- Custom Watch Targets -----------------------
|
||||
|
|
@ -105,6 +106,7 @@ module.exports = eleventyConfig => {
|
|||
eleventyConfig.setLibrary('md', markdownLib);
|
||||
eleventyConfig.addPlugin(pluginRss);
|
||||
eleventyConfig.addPlugin(inclusiveLangPlugin);
|
||||
eleventyConfig.addPlugin(bundlerPlugin);
|
||||
|
||||
// --------------------- Passthrough File Copy -----------------------
|
||||
// same path
|
||||
|
|
|
|||
5795
package-lock.json
generated
5795
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "eleventy-excellent",
|
||||
"version": "1.5.0",
|
||||
"version": "1.5.1",
|
||||
"description": "Eleventy starter based on the workflow suggested by Andy Bell's buildexcellentwebsit.es.",
|
||||
"author": "Lene Saile",
|
||||
"license": "ISC",
|
||||
|
|
@ -24,9 +24,10 @@
|
|||
"@11ty/eleventy": "^2.0.0",
|
||||
"@11ty/eleventy-fetch": "^4.0.0",
|
||||
"@11ty/eleventy-img": "^3.0.0",
|
||||
"@11ty/eleventy-plugin-bundle": "^1.0.4",
|
||||
"@11ty/eleventy-plugin-inclusive-language": "^1.0.3",
|
||||
"@11ty/eleventy-plugin-rss": "^1.2.0",
|
||||
"@11ty/eleventy-plugin-syntaxhighlight": "^4.1.0",
|
||||
"@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
|
||||
"tailwindcss": "^3.0.23"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
|
|||
4326
pnpm-lock.yaml
Normal file
4326
pnpm-lock.yaml
Normal file
File diff suppressed because it is too large
Load diff
|
|
@ -18,12 +18,6 @@
|
|||
{% endif %}
|
||||
</title>
|
||||
|
||||
<!-- synchronous js / schema -->
|
||||
{% include "schemas/base-schema.njk" %} {% if schema == 'blog' %}
|
||||
<!-- include blogpost schema -->
|
||||
{%- include "schemas/blogpost-schema.njk" %} {% endif %}
|
||||
|
||||
<!-- synchronous css / inline css -->
|
||||
<link rel="stylesheet" href="/assets/css/global.css?{{ assetHash }}" />
|
||||
|
||||
<!-- preloads -->
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
color: var(--color-light);
|
||||
padding: var(--space-m-l);
|
||||
border-radius: var(--border-radius);
|
||||
max-width: unset;
|
||||
max-inline-size: unset;
|
||||
}
|
||||
|
||||
.card ::selection {
|
||||
|
|
|
|||
|
|
@ -227,5 +227,5 @@ pre[class*='language-'] {
|
|||
|
||||
.cp_embed_wrapper iframe {
|
||||
grid-area: container;
|
||||
width: 100%;
|
||||
inline-size: 100%;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
@media (min-width: 48em) {
|
||||
@media (min-width: 38em) {
|
||||
nav.navbar {
|
||||
--nav-button-display: none;
|
||||
--nav-position: static;
|
||||
|
|
@ -35,16 +35,15 @@ nav.navbar ul {
|
|||
box-shadow: var(--nav-list-shadow, -5px 0 11px 0 rgb(0 0 0 / 0.2));
|
||||
display: flex;
|
||||
flex-direction: var(--nav-list-layout, column);
|
||||
flex-wrap: wrap;
|
||||
gap: 0.9rem;
|
||||
height: var(--nav-list-height, 100vh);
|
||||
block-size: var(--nav-list-height, 100vh);
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: var(--nav-list-padding, 2rem);
|
||||
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; */
|
||||
width: var(--nav-list-width, min(22rem, 100vw));
|
||||
inline-size: var(--nav-list-width, min(22rem, 100vw));
|
||||
visibility: var(--nav-list-visibility, visible);
|
||||
}
|
||||
|
||||
|
|
@ -95,15 +94,15 @@ nav.navbar button {
|
|||
}
|
||||
|
||||
nav.navbar span {
|
||||
font-size: var(--size-step-0);
|
||||
font-size: var(--size-step-min-1);
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
padding-inline-end: var(--space-xs);
|
||||
padding-inline-end: var(--space-2xs);
|
||||
}
|
||||
|
||||
nav.navbar svg {
|
||||
height: 100%;
|
||||
width: auto;
|
||||
block-size: 100%;
|
||||
inline-size: auto;
|
||||
}
|
||||
header svg {
|
||||
transform: translateY(-0.1em);
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
.seperator {
|
||||
display: block;
|
||||
height: 3.5em;
|
||||
width: 100%;
|
||||
block-size: 3.5em;
|
||||
inline-size: 100%;
|
||||
fill: var(--spot-color, var(--color-light));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,6 +13,6 @@
|
|||
}
|
||||
|
||||
.site-foot svg {
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
block-size: 1em;
|
||||
inline-size: 1em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
text-transform: uppercase;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-xs);
|
||||
letter-spacing: -0.08rem;
|
||||
gap: var(--space-2xs);
|
||||
letter-spacing: var(--tracking-s);
|
||||
padding: var(--space-xs) 0;
|
||||
font-size: var(--size-step-1);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
.skip-link {
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
display: block;
|
||||
height: 1px;
|
||||
block-size: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
inline-size: 1px;
|
||||
top: 1rem;
|
||||
left: 1rem;
|
||||
z-index: 999;
|
||||
|
|
@ -12,9 +12,9 @@
|
|||
|
||||
.skip-link:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
block-size: auto;
|
||||
overflow: visible;
|
||||
width: auto;
|
||||
inline-size: auto;
|
||||
background-color: var(--color-dark);
|
||||
color: var(--color-light);
|
||||
padding: var(--space-s-m);
|
||||
|
|
@ -24,11 +24,11 @@
|
|||
.skip-link:not(:focus) {
|
||||
border: 0;
|
||||
clip: rect(0 0 0 0);
|
||||
height: auto;
|
||||
block-size: auto;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
inline-size: 1px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,13 +38,13 @@ h3 {
|
|||
p,
|
||||
li,
|
||||
blockquote:not([class]) {
|
||||
max-width: 50ch;
|
||||
max-inline-size: 50ch;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3 {
|
||||
max-width: 20ch;
|
||||
max-inline-size: 20ch;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
|
|
@ -54,7 +54,7 @@ blockquote {
|
|||
}
|
||||
|
||||
blockquote > * + * {
|
||||
margin-top: var(--space-m-l);
|
||||
margin-block-start: var(--space-m-l);
|
||||
}
|
||||
|
||||
blockquote :last-child {
|
||||
|
|
@ -64,8 +64,8 @@ blockquote :last-child {
|
|||
}
|
||||
|
||||
svg {
|
||||
height: 2ex;
|
||||
width: auto;
|
||||
block-size: 2ex;
|
||||
inline-size: auto;
|
||||
flex: none;
|
||||
}
|
||||
|
||||
|
|
@ -98,8 +98,8 @@ main:focus {
|
|||
|
||||
article [href^='http']:not([href*='eleventy-excellent.netlify.app'])::after {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
inline-size: 1em;
|
||||
block-size: 1em;
|
||||
background-image: url('/assets/images/icn-external.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ a:not([class]) {
|
|||
/* Make images easier to work with */
|
||||
img,
|
||||
picture {
|
||||
max-width: 100%;
|
||||
max-inline-size: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -14,6 +14,6 @@
|
|||
}
|
||||
|
||||
.content .breakout {
|
||||
width: 100%;
|
||||
inline-size: 100%;
|
||||
grid-column: 1 / 4;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
/*
|
||||
/*
|
||||
FLOW UTILITY
|
||||
Like the Every Layout stack: https://every-layout.dev/layouts/stack/
|
||||
Info about this implementation: https://piccalil.li/quick-tip/flow-utility/
|
||||
Info about this implementation: https://piccalil.li/quick-tip/flow-utility/
|
||||
*/
|
||||
.flow > * + * {
|
||||
margin-top: var(--flow-space, 1em);
|
||||
margin-block-start: var(--flow-space, 1em);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,6 @@
|
|||
* Can either be configured by setting --region-space or use a default from the space scale
|
||||
*/
|
||||
.region {
|
||||
padding-top: var(--region-space-top, var(--space-l-2xl));
|
||||
padding-bottom: var(--region-space-bottom, var(--space-l-2xl));
|
||||
padding-block-start: var(--region-space-top, var(--space-l-2xl));
|
||||
padding-block-end: var(--region-space-bottom, var(--space-l-2xl));
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,10 +5,8 @@
|
|||
* Info: https://piccalil.li/quick-tip/use-css-clamp-to-create-a-more-flexible-wrapper-utility/
|
||||
*/
|
||||
.wrapper {
|
||||
max-width: var(--wrapper-max-width, 85rem);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: var(--gutter);
|
||||
padding-right: var(--gutter);
|
||||
max-inline-size: var(--wrapper-max-width, 85rem);
|
||||
margin-inline: auto;
|
||||
padding-inline: var(--gutter);
|
||||
/* position: relative; */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,6 +5,11 @@
|
|||
"scaleGenerator": "https://utopia.fyi/space/calculator?c=320,16,1.2,1350,20,1.414,8,1,&s=0.75|0.5|0.25,2|3|5|8|13,s-l"
|
||||
},
|
||||
"items": [
|
||||
{
|
||||
"name": "2XS",
|
||||
"min": 8,
|
||||
"max": 10
|
||||
},
|
||||
{
|
||||
"name": "XS",
|
||||
"min": 12,
|
||||
|
|
@ -17,28 +22,28 @@
|
|||
},
|
||||
{
|
||||
"name": "M",
|
||||
"min": 24,
|
||||
"max": 30
|
||||
},
|
||||
{
|
||||
"name": "L",
|
||||
"min": 32,
|
||||
"max": 40
|
||||
},
|
||||
{
|
||||
"name": "XL",
|
||||
"name": "L",
|
||||
"min": 48,
|
||||
"max": 60
|
||||
},
|
||||
{
|
||||
"name": "XL",
|
||||
"min": 80,
|
||||
"max": 100
|
||||
},
|
||||
{
|
||||
"name": "2XL",
|
||||
"min": 64,
|
||||
"max": 80
|
||||
"min": 128,
|
||||
"max": 160
|
||||
},
|
||||
{
|
||||
"name": "3XL",
|
||||
"min": 96,
|
||||
"max": 120
|
||||
"min": 208,
|
||||
"max": 260
|
||||
},
|
||||
{
|
||||
"name": "XS - S",
|
||||
|
|
|
|||
|
|
@ -5,6 +5,11 @@
|
|||
"scaleGenerator": "https://utopia.fyi/type/calculator/?c=320,16,1.2,1350,20,1.414,8,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l"
|
||||
},
|
||||
"items": [
|
||||
{
|
||||
"name": "Step min 1",
|
||||
"min": 13,
|
||||
"max": 14
|
||||
},
|
||||
{
|
||||
"name": "Step 0",
|
||||
"min": 16,
|
||||
|
|
@ -13,7 +18,7 @@
|
|||
{
|
||||
"name": "Step 1",
|
||||
"min": 19,
|
||||
"max": 26
|
||||
"max": 28
|
||||
},
|
||||
{
|
||||
"name": "Step 2",
|
||||
|
|
|
|||
Loading…
Reference in a new issue