Skip to content

legible eleventy page and docs by jrave

Write a review Install Get Stylus

Details

Authorjrave

LicenseNo License

Categorywww.11ty.dev

Created

Updated

Code size668 B

Code checksumd5c90afa

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.