ISTWCMS-5509: adding minimum to have PL running

src/patterns/01-core/elements/_headings.scss

+// @file
+// Heading styles.
+
+@use '../../01-core' as *;
+
+h1 {
+  @include heading-1;
+}
+
+h2 {
+  @include heading-2;
+}
+
+h3 {
+  @include heading-3;
+}
+
+h4 {
+  @include heading-4;
+}
+
+h5 {
+  @include heading-5;
+}
+
+h6 {
+  @include heading-6;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  // Remove top margin for adjacent subheadings.
+  & + & {
+    margin-top: 0;
+  }
+}

src/patterns/01-core/elements/_horizontal-rule.scss

+// @file
+// Horizontal rule styles.
+
+:where(hr) {
+  background-color: var(--gray-3);
+  height: var(--border-size-2);
+  margin-block: var(--size-fluid-2);
+}

src/patterns/01-core/elements/_html.scss

+// @file
+// HTML styles.
+
+:where(html) {
+  --accent-color: var(--blue-6);
+  --caret-color: var(--blue-6);
+  --scrollbar-color: var(--gray-7);
+  --text-0: var(--gray-7);
+
+  accent-color: var(--accent-color);
+  background-color: white;
+  block-size: 100%;
+  caret-color: var(--caret-color);
+  color: var(--text-0);
+  font-family: var(--font-sans);
+  line-height: var(--font-lineheight-4);
+  min-height: 100%;
+  scrollbar-color: var(--scrollbar-color) transparent;
+  text-size-adjust: none;
+
+  @media screen and (prefers-reduced-motion: no-preference) {
+    scroll-behavior: smooth;
+  }
+
+  &:has(dialog[open]) {
+    overflow: hidden;
+  }
+}

src/patterns/01-core/elements/_iframe.scss

+// @file
+// Iframe element styles.
+
+:where(iframe) {
+  display: block;
+
+  @media print {
+    display: none;
+  }
+}

src/patterns/01-core/elements/_img.scss

+// @file
+// IMG element styles.
+
+:where(img) {
+  block-size: auto;
+  display: block;
+  max-inline-size: 100%;
+
+  @media print {
+    max-width: 100% !important;
+    page-break-inside: avoid;
+  }
+}

src/patterns/01-core/elements/_index.scss

+@forward 'universal';
+@forward 'html';
+@forward 'body';
+@forward 'main';
+@forward 'section';
+@forward 'article';
+@forward 'header';
+@forward 'footer';
+@forward 'aside';
+@forward 'menu';
+@forward 'nav';
+@forward 'details';
+@forward 'iframe';
+
+// Typography
+@forward 'headings';
+@forward 'paragraph';
+@forward 'inline-elements';
+@forward 'blockquote';
+@forward 'preformatted-text';
+@forward 'horizontal-rule';
+@forward 'address';
+
+// Lists
+@forward 'unordered-list';
+@forward 'ordered-list';
+@forward 'list-item';
+@forward 'definition-list';
+
+// Tables
+@forward 'table';
+
+// Forms
+@forward 'button';
+@forward 'datalist';
+@forward 'dialog';
+@forward 'fieldset';
+@forward 'form';
+@forward 'input';
+@forward 'label';
+@forward 'legend';
+@forward 'meter';
+@forward 'option';
+@forward 'output';
+@forward 'progress';
+@forward 'select';
+@forward 'textarea';
+
+// Media
+@forward 'area';
+@forward 'audio';
+@forward 'canvas';
+@forward 'embed';
+@forward 'figure';
+@forward 'img';
+@forward 'object';
+@forward 'svg';
+@forward 'video';

src/patterns/01-core/elements/_inline-elements.scss

+// @file
+// Inline element styles.
+
+@use '../../01-core' as *;
+
+:where(a) {
+  background-color: transparent;
+  transition-duration: 200ms;
+  transition-property: background-color, border-color, color, outline-color, text-decoration-color;
+  transition-timing-function: var(--ease-in-out-2);
+
+  &:where([href]) {
+    color: var(--indigo-5);
+    text-decoration-color: var(--indigo-5);
+
+    &:where(:hover) {
+      color: var(--indigo-9);
+      text-decoration-color: var(--indigo-9);
+    }
+
+    &:where(:visited) {
+      color: var(--indigo-5);
+      text-decoration-color: var(--indigo-5);
+    }
+  }
+
+  &:where(:not(:hover)) {
+    text-decoration: inherit;
+  }
+
+  @media print {
+    &,
+    &:visited {
+      text-decoration: none;
+    }
+
+    &[href]::after {
+      content: ' <' attr(href) '>';
+      font-family: var(--font-sans);
+      font-size: 10pt;
+      font-weight: normal;
+      text-transform: lowercase;
+    }
+
+    // Uncomment and replace example.com with your site’s domain.
+    //&[href^='/']::after {
+    //  content: ' <http://example.com' attr(href) '>';
+    //}
+
+    &[href^='javascript:']::after,
+    &[href^='mailto:']::after,
+    &[href^='tel:']::after,
+    &[href^='#']::after,
+    &[href*='?']::after {
+      content: '';
+    }
+  }
+}
+
+:where(abbr) {
+  text-decoration-color: var(--blue-5);
+  text-underline-offset: var(--size-xs);
+
+  &:hover {
+    cursor: help;
+  }
+
+  @media print {
+    &[title]::after {
+      content: ' (' attr(title) ')';
+    }
+  }
+}
+
+:where(b) {
+  font-weight: var(--font-weight-900);
+}
+
+:where(cite) {
+  color: var(--gray-6);
+  font-family: var(--font-sans);
+  font-size: var(--font-size-0);
+  font-style: normal;
+  font-weight: var(--font-weight-600);
+  letter-spacing: var(--font-letterspacing-1);
+  line-height: var(--font-lineheight-1);
+}
+
+:where(code) {
+  font-family: var(--font-mono);
+}
+
+:where(del) {
+  background-color: var(--red-9);
+  color: var(--red-1);
+}
+
+:where(dfn) {
+  font-style: italic;
+}
+
+:where(ins) {
+  background-color: var(--green-9);
+  color: var(--green-1);
+  text-underline-offset: var(--size-xs);
+}
+
+:where(kbd) {
+  border-color: var(--gray-4);
+  border-radius: var(--radius-2);
+  border-width: var(--border-size-1);
+  font-family: var(--font-mono);
+  padding: var(--size-1) var(--size-2);
+}
+
+:where(mark) {
+  border-radius: var(--radius-2);
+  padding-inline: var(--size-1);
+}
+
+:where(samp) {
+  font-family: var(--font-mono);
+}
+
+:where(small) {
+  font-size: max(.5em, var(--font-size-0));
+  max-inline-size: var(--size-content-1);
+}
+
+:where(strong) {
+  font-weight: var(--font-weight-700);
+}
+
+:where(sub) {
+  bottom: -0.25em;
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+:where(sup) {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  top: -0.5em;
+  vertical-align: baseline;
+}
+
+:where(u) {
+  text-underline-offset: var(--size-xs);
+}
+
+:where(var) {
+  border-color: var(--gray-4);
+  border-radius: var(--radius-2);
+  border-width: var(--border-size-1);
+  padding: var(--size-1) var(--size-2);
+}

src/patterns/01-core/elements/_input.scss

+// @file
+// Input element styles.
+
+:where(input) {
+  color: inherit;
+  cursor: pointer;
+  font-size: inherit;
+  font: inherit;
+  letter-spacing: inherit;
+  padding-block: var(--size-1);
+  padding-inline: var(--size-2);
+  touch-action: manipulation;
+}
+
+:where(input:not(button, button[type], input[type="button"], input[type="submit"], input[type="reset"])) {
+  background-color: var(--gray-1);
+  border-radius: var(--radius-2);
+  margin-inline-end: var(--size-1);
+}
+
+// Checkbox, Options input
+:where(input[type="checkbox"], input[type="radio"]) {
+  block-size: var(--size-4);
+  inline-size: var(--size-4);
+}
+
+// file input
+:where(input[type="file"]) {
+  align-self: flex-start;
+  background-color: white;
+  border-radius: var(--radius-2);
+  border-color: var(--gray-3);
+  border-style: solid;
+  border-width: var(--border-size-1);
+  box-shadow: var(--inner-shadow-1);
+  color: var(--gray-7);
+  cursor: initial;
+  display: block;
+  max-inline-size: 100%;
+  padding: 0;
+}
+
+:where(input[type="file"])::-webkit-file-upload-button {
+  color: inherit;
+  font-size: inherit;
+  font: inherit;
+  letter-spacing: inherit;
+}
+
+:where(input[type="file"])::-webkit-file-upload-button,
+:where(input[type="file"])::file-selector-button {
+  cursor: pointer;
+  margin-inline-end: 1.75ch;
+}
+
+// Number input
+:where(input[type="number"])::-webkit-inner-spin-button,
+:where(input[type="number"])::-webkit-outer-spin-button {
+  height: auto;
+}
+
+// Search input
+:where(input[type="search"]) {
+  appearance: textfield;
+  outline-offset: -2px;
+
+  &::-webkit-search-decoration {
+    appearance: none;
+  }
+}
+
+// :where(input[type='button']) {}
+// :where(input[type='checkbox']) {}
+// :where(input[type='color']) {}
+// :where(input[type='date']) {}
+// :where(input[type='datetime']) {}
+// :where(input[type='datetime-local']) {}
+// :where(input[type='email']) {}
+// :where(input[type='file']) {}
+// :where(input[type='image']) {}
+// :where(input[type='month']) {}
+// :where(input[type='number']) {}
+// :where(input[type='password']) {}
+// :where(input[type='radio']) {}
+// :where(input[type='range']) {}
+// :where(input[type='reset']) {}
+// :where(input[type='search']) {}
+// :where(input[type='submit']) {}
+// :where(input[type='tel']) {}
+// :where(input[type='text']) {}
+// :where(input[type='time']) {}
+// :where(input[type='url']) {}
+// :where(input[type='week']) {}

src/patterns/01-core/elements/_label.scss

+// @file
+// Label element styles.
+
+// :where(label) {}

src/patterns/01-core/elements/_legend.scss

+// @file
+// Legend element styles.
+
+:where(legend) {
+  border: 0;
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  margin: 0;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}

src/patterns/01-core/elements/_list-item.scss

+// @file
+// List item styles.
+
+:where(li) {
+  max-inline-size: var(--size-content-2);
+  padding-inline-start: var(--size-1);
+
+  @media print {
+    page-break-inside: avoid;
+  }
+}

src/patterns/01-core/elements/_main.scss

+// @file
+// Main element styles.
+
+:where(main) {
+  display: block;
+}

src/patterns/01-core/elements/_menu.scss

+// @file
+// Menu element styles.
+
+:where(menu) {
+  display: flex;
+  gap: var(--size-3);
+  padding-inline-start: 0;
+}

src/patterns/01-core/elements/_meter.scss

+// @file
+// Meter element styles.
+
+// :where(meter) {}

src/patterns/01-core/elements/_nav.scss

+// @file
+// Nav element styles.
+
+:where(nav) {
+  @media print {
+    display: none;
+  }
+}

src/patterns/01-core/elements/_object.scss

+// @file
+// Object element styles.
+
+:where(object) {
+  display: block;
+}
+
+// :where(param) {}

src/patterns/01-core/elements/_option.scss

+// @file
+// Options element styles.
+
+// :where(option) {}
+
+:where(optgroup) {
+  font-family: inherit;
+  font-size: 100%;
+  font-weight: var(--font-bold);
+  line-height: var(--line-xs);
+  margin: 0;
+}

src/patterns/01-core/elements/_ordered-list.scss

+// @file
+// Ordered list styles.
+
+:where(ol) {
+  font-size: var(--font-size-2);
+  padding-inline-start: var(--size-4);
+}

src/patterns/01-core/elements/_output.scss

+// @file
+// Output element styles.
+
+// :where(output) {}

src/patterns/01-core/elements/_paragraph.scss

+// @file
+// Paragraph styles.
+
+:where(p) {
+  font-size: var(--font-size-2);
+  margin-bottom: var(--size-2);;
+  margin-top: 0;
+  max-inline-size: var(--size-content-3);
+
+  @media print {
+    orphans: 3;
+    widows: 3;
+  }
+}