v1.1.0
  1. Foundations
  2. How-tos
  3. Patterns

Versions

Announcements of what's new and changing, such as additional patterns and improvements large or small.

v1.1.0

November 14, 2025

v1.0.0

September 10th, 2025

Examples:

<div class="pl-viewport-margins">
  ...
</div>
pennlibs-header {
  --pl-viewport-margins-max-width: 1080px; /* default is 1440px */
  --pl-viewport-margins-gutters: 1.5em; /* default is 1rem or 3rem when min-width is 768px */
}

v0.3.1

June 17th, 2025

  • Update the CSS class .viewport-margins left and right padding to be 1rem for all screen sizes, as it used to be.

v0.3.0

June 16th, 2025

  • Added Hero: Place your most important content in a prominent space, often at the top of your website.
  • Added Fallback image: Maintain visual consistency in layouts when some content lacks images.
  • Added this documentation website.

Design System

About Writing for users Build digital spaces v1.1.0