Skip to content

legible eleventy page and docs by jrave

Details

Authorjrave

LicenseNo License

Categorywww.11ty.dev

Created

Updated

Size668 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

made the eleventy docs more legible to me with more generous spacing and no condensed headings - wip.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name       readable eleventy page and docs
@version    20240821.20.05
@namespace  ?
==/UserStyle== */

@-moz-document domain("www.11ty.dev") {
main * {
    line-height: 1.8;
    letter-spacing: .5px;
}

.benchnine,
.elv-h2,
.elv-h3,
.elv-hed,
h1,
h2,
h3,
h4,
h5 {
    font-family: system-ui, -apple-system, sans-serif;
}

#skip-content {
    max-width: 72ch;
}

#skip-content * {
    max-width: none;
    box-sizing: border-box;
}

#skip-content p {
    font-size: 1.2rem;
    line-height: 2.2;
}

#skip-content pre {
    margin: 0
}

#skip-content seven-minute-tabs {
    margin-inline: 0;
    
    &[role="tabpanel"] {
        padding: 0;
    }
}
}

Reviews

No reviews yet.