v1.2.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.2.0

March 16th, 2026

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.2.0