@davidsouther/jiffies 2026.4.0 → 2026.24.0

package/src/pico/content/_typography.scss

@@ -1,232 +0,0 @@
-address,
-blockquote,
-dl,
-figure,
-form,
-ol,
-p,
-pre,
-table,
-ul {
-  margin-top: 0;
-  margin-bottom: var(--typography-spacing-vertical);
-  color: var(--color);
-  font-style: normal;
-  font-weight: var(--font-weight);
-  font-size: var(--font-size);
-}
-
-// Links
-// 1. Remove the gray background on active links in IE 10
-a,
-[role="link"] {
-  --color: var(--primary);
-  --background-color: transparent;
-  outline: none;
-  background-color: var(--background-color); // 1
-  color: var(--color);
-  text-decoration: var(--text-decoration);
-
-  @if $enable-transitions {
-    transition: background-color var(--transition), color var(--transition),
-      text-decoration var(--transition), box-shadow var(--transition);
-  }
-
-  &:is([aria-current], :hover, :active, :focus) {
-    --color: var(--primary-hover);
-    --text-decoration: underline;
-  }
-
-  &:focus {
-    --background-color: var(--primary-focus);
-  }
-
-  @if $enable-classes {
-    // Secondary
-    &.secondary {
-      --color: var(--secondary);
-
-      &:is([aria-current], :hover, :active, :focus) {
-        --color: var(--secondary-hover);
-      }
-
-      &:focus {
-        --background-color: var(--secondary-focus);
-      }
-    }
-
-    // Contrast
-    &.contrast {
-      --color: var(--contrast);
-
-      &:is([aria-current], :hover, :active, :focus) {
-        --color: var(--contrast-hover);
-      }
-
-      &:focus {
-        --background-color: var(--contrast-focus);
-      }
-    }
-  }
-}
-
-// Headings
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 0;
-  margin-bottom: var(--typography-spacing-vertical);
-  color: var(--color);
-  font-weight: var(--font-weight);
-  font-size: var(--font-size);
-  font-family: var(--font-family);
-}
-
-h1 {
-  --color: var(--h1-color);
-}
-h2 {
-  --color: var(--h2-color);
-}
-h3 {
-  --color: var(--h3-color);
-}
-h4 {
-  --color: var(--h4-color);
-}
-h5 {
-  --color: var(--h5-color);
-}
-h6 {
-  --color: var(--h6-color);
-}
-
-// Margin-top for headings after a typography block
-:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) {
-  ~ :is(h1, h2, h3, h4, h5, h6) {
-    margin-top: var(--typography-spacing-vertical);
-  }
-}
-
-// Heading group
-// @if $enable-classes == false {
-hgroup {
-  margin-bottom: var(--typography-spacing-vertical);
-
-  > * {
-    margin-bottom: 0;
-  }
-
-  > *:last-child {
-    --color: var(--muted-color);
-    --font-weight: unset;
-    font-size: 1rem;
-    font-family: unset;
-  }
-}
-// }
-
-// @if $enable-classes {
-//   hgroup,
-//   .headings {
-//     margin-bottom: var(--typography-spacing-vertical);
-
-//     > * {
-//       margin-bottom: 0;
-//     }
-
-//     > *:last-child {
-//       --color: var(--muted-color);
-//       --font-weight: unset;
-//       font-size: 1rem;
-//       font-family: unset;
-//     }
-//   }
-// }
-
-// Paragraphs
-p {
-  margin-bottom: var(--typography-spacing-vertical);
-}
-
-// Small
-small {
-  font-size: var(--font-size);
-}
-
-// Lists
-:where(dl, ol, ul) {
-  padding-right: 0;
-  padding-left: var(--spacing);
-  padding-inline-start: var(--spacing);
-  padding-inline-end: 0;
-
-  li {
-    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
-  }
-}
-
-// Margin-top for nested lists
-// 1. Remove the margin on nested lists in Chrome, Edge, IE, and Safari
-:where(dl, ol, ul) {
-  :is(dl, ol, ul) {
-    margin: 0; // 1
-    margin-top: calc(var(--typography-spacing-vertical) * 0.25);
-  }
-}
-
-ul li {
-  list-style: square;
-}
-
-// Highlighted text
-mark {
-  padding: 0.125rem 0.25rem;
-  background-color: var(--mark-background-color);
-  color: var(--mark-color);
-  vertical-align: baseline;
-}
-
-// Blockquote
-blockquote {
-  display: block;
-  margin: var(--typography-spacing-vertical) 0;
-  padding: var(--spacing);
-  border-right: none;
-  border-left: 0.25rem solid var(--blockquote-border-color);
-  border-inline-start: 0.25rem solid var(--blockquote-border-color);
-  border-inline-end: none;
-
-  footer {
-    margin-top: calc(var(--typography-spacing-vertical) * 0.5);
-    color: var(--blockquote-footer-color);
-  }
-}
-
-// Abbreviations
-// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari
-abbr[title] {
-  border-bottom: 1px dotted;
-  text-decoration: none; // 1
-  cursor: help;
-}
-
-// Ins
-ins {
-  color: var(--ins-color);
-  text-decoration: none;
-}
-
-// del
-del {
-  color: var(--del-color);
-  text-decoration: none;
-}
-
-// selection
-::selection {
-  background-color: var(--primary-focus);
-}

package/src/pico/layout/_container.scss

@@ -1,40 +0,0 @@
-@if ($enable-class-container and $enable-classes) {
-  /**
-   * Container
-   */
-
-  .container,
-  .container-fluid {
-    width: 100%;
-    margin: 0 auto;
-    padding: 0 var(--spacing);
-  }
-
-  .container {
-    @if map-get($breakpoints, "sm") {
-      @media (min-width: map-get($breakpoints, "sm")) {
-        max-width: map-get($viewports, "sm");
-        padding-right: 0;
-        padding-left: 0;
-      }
-    }
-
-    @if map-get($breakpoints, "md") {
-      @media (min-width: map-get($breakpoints, "md")) {
-        max-width: map-get($viewports, "md");
-      }
-    }
-
-    @if map-get($breakpoints, "lg") {
-      @media (min-width: map-get($breakpoints, "lg")) {
-        max-width: map-get($viewports, "lg");
-      }
-    }
-
-    @if map-get($breakpoints, "xl") {
-      @media (min-width: map-get($breakpoints, "xl")) {
-        max-width: map-get($viewports, "xl");
-      }
-    }
-  }
-}

package/src/pico/layout/_flex.scss

@@ -1,46 +0,0 @@
-.flex {
-  display: flex;
-  flex-direction: column;
-
-  &.row {
-    flex-direction: row;
-
-    &.inline > * {
-      display: inline-block;
-    }
-  }
-
-  &.justify-around {
-    justify-content: space-around;
-  }
-
-  &.justify-between {
-    justify-content: space-between;
-  }
-
-  &.justify-center {
-    justify-content: center;
-  }
-
-  &.align-baseline {
-    align-items: baseline;
-  }
-
-  &.align-center {
-    align-items: center;
-  }
-
-  &.align-stretch {
-    align-items: stretch;
-  }
-
-  &.align-end {
-    align-items: end;
-  }
-
-  @for $i from 1 through 4 {
-    & > .flex-#{$i} {
-      flex: $i;
-    }
-  }
-}

package/src/pico/layout/_grid.scss

@@ -1,24 +0,0 @@
-@if ($enable-classes and $enable-grid) {
-  /**
- * Grid
- * Minimal grid system with auto-layout columns
- */
-
-  .grid {
-    grid-column-gap: var(--grid-spacing-horizontal);
-    grid-row-gap: var(--grid-spacing-vertical);
-    display: grid;
-    grid-template-columns: 1fr;
-    margin: 0;
-
-    @if map-get($breakpoints, "lg") {
-      @media (min-width: map-get($breakpoints, "lg")) {
-        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
-      }
-    }
-
-    & > * {
-      min-width: 0; // HACK for childs in overflow
-    }
-  }
-}

package/src/pico/layout/_scroller.scss

@@ -1,16 +0,0 @@
-/**
- * Horizontal scroller (<figure>)
- */
-
-// Wrapper to make any content responsive across all viewports
-figure {
-  display: block;
-  margin: 0;
-  padding: 0;
-  overflow-x: auto;
-
-  figcaption {
-    padding: calc(var(--spacing) * 0.5) 0;
-    color: var(--muted-color);
-  }
-}

package/src/pico/layout/_section.scss

@@ -1,8 +0,0 @@
-/**
- * Section
- * Responsive spacings for section
- */
-
-section {
-  margin-bottom: var(--block-spacing-vertical);
-}

package/src/pico/layout/_sectioning.scss

@@ -1,55 +0,0 @@
-/**
- * Sectioning
- * Container and responsive spacings for header, main, footer
- */
-
-// Reboot based on :
-// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
-// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
-// ––––––––––––––––––––
-
-// Render the `main` element consistently in IE
-main {
-  display: block;
-}
-
-// Pico
-// ––––––––––––––––––––
-
-@import url("../themes/default/styles");
-
-// 1. Remove the margin in all browsers (opinionated)
-// 2. Body should be at least the height of the viewport (opinionated)
-body {
-  width: 100%;
-  min-height: 100vh; // 2
-  margin: 0; // 1
-
-  @if $enable-viewport == all {
-    > header,
-    > main,
-    > footer {
-      @include centered-viewport();
-    }
-  } @else if $enable-viewport == main {
-    > header,
-    > footer {
-      width: 100%;
-      margin: 0 auto;
-      padding: 0 var(--spacing);
-    }
-    > main {
-      // Semantic container
-      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);
-      @include centered-viewport();
-    }
-  } @else {
-    > header,
-    > main,
-    > footer {
-      width: 100%;
-      margin: 0 auto;
-      padding: 0 var(--spacing);
-    }
-  }
-}

package/src/pico/pico.scss

@@ -1,60 +0,0 @@
-// Config
-@import "variables";
-
-@layer reset, theme, layout, content, component, utility, user;
-
-@layer reset {
-  @import "reset/document";
-  @import "reset/typography";
-  @import "reset/embedded";
-  @import "reset/button";
-  @import "reset/form";
-  @import "reset/table";
-  @import "reset/misc";
-  @import "reset/nav";
-  @import "reset/progress";
-}
-
-@layer theme {
-  @import "themes/default";
-}
-
-@layer layout {
-  @import "layout/document"; // html
-  @import "layout/sectioning"; // body, header, main, footer
-  @import "layout/container"; // .container, .container-fluid
-  @import "layout/section"; // section
-  @import "layout/flex"; // .flex-*
-  @import "layout/grid"; // .grid
-  @import "layout/scroller"; // figure
-}
-
-@layer content {
-  @import "content/typography"; // a, headings, p, ul, blockquote, ...
-  @import "content/embedded"; // audio, canvas, iframe, img, svg, video
-  @import "content/button"; // button, a[role=button], type=button, type=submit ...
-  @import "content/form"; // input, select, textarea, label, fieldset, legend
-  @import "content/toggle"; // type=checkbox, type=radio, role=switch
-  @import "content/form-alt"; // type=color, type=date, type=file, type=search, ...
-  @import "content/table"; // table, tr, td, ...
-  @import "content/code"; // pre, code, ...
-}
-
-@layer component {
-  @import "components/accordion"; // details, summary
-  @import "components/card"; // article
-  @import "components/modal"; // dialog
-  @import "components/nav"; // nav
-  @import "components/progress"; // progress
-  @import "components/dropdown"; // details[role="list"], li[role="list"]
-  @import "components/property"; // dl, dt, dd
-  @import "components/button-group"; // .input-group, .button-group, fieldset
-}
-
-// Utilities
-@layer utility {
-  @import "utilities/loading"; // aria-busy=true
-  @import "utilities/tooltip"; // data-tooltip
-  @import "utilities/accessibility"; // -ms-touch-action, aria-*
-  @import "utilities/reduce-motion"; // prefers-reduced-motion
-}

package/src/pico/reset/_accessibility.scss

@@ -1,34 +0,0 @@
-// Change the cursor on control elements in all browsers (opinionated)
-[aria-controls] {
-  cursor: pointer;
-}
-
-// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)
-[aria-disabled="true"],
-[disabled] {
-  cursor: not-allowed;
-}
-
-// Change the display on visually hidden accessible elements in all browsers (opinionated)
-[aria-hidden="false"][hidden] {
-  display: initial;
-}
-
-[aria-hidden="false"][hidden]:not(:focus) {
-  clip: rect(0, 0, 0, 0);
-  position: absolute;
-}
-
-// User interaction
-// Remove the tapping delay in IE 10
-a,
-area,
-button,
-input,
-label,
-select,
-summary,
-textarea,
-[tabindex] {
-  -ms-touch-action: manipulation;
-}

package/src/pico/reset/_button.scss

@@ -1,17 +0,0 @@
-// 1. Change the font styles in all browsers
-// 2. Remove the margin on controls in Safari
-// 3. Show the overflow in Edge
-button {
-  margin: 0; // 2
-  overflow: visible; // 3
-  font-family: inherit; // 1
-  text-transform: none; // 1
-}
-
-// Correct the inability to style buttons in iOS and Safari
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}

package/src/pico/reset/_code.scss

@@ -1,15 +0,0 @@
-// 1. Correct the inheritance and scaling of font size in all browsers
-// 2. Correct the odd `em` font sizing in all browsers
-pre,
-code,
-kbd,
-samp {
-  font-size: 0.875em; // 2
-  font-family: var(--font-family); // 1
-}
-
-// Prevent overflow of the container in all browsers (opinionated)
-pre {
-  -ms-overflow-style: scrollbar;
-  overflow: auto;
-}

package/src/pico/reset/_document.scss

@@ -1,48 +0,0 @@
-/**
- * Document
- * Content-box & Responsive typography
- */
-
-// Reboot based on :
-// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
-// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css
-// ––––––––––––––––––––
-
-// 1. Add border box sizing in all browsers (opinionated)
-// 2. Backgrounds do not repeat by default (opinionated)
-*,
-*::before,
-*::after {
-  box-sizing: border-box; // 1
-  background-repeat: no-repeat; // 2
-}
-
-// 1. Add text decoration inheritance in all browsers (opinionated)
-// 2. Add vertical alignment inheritance in all browsers (opinionated)
-::before,
-::after {
-  text-decoration: inherit; // 1
-  vertical-align: inherit; // 2
-}
-
-// 1. Use the default cursor in all browsers (opinionated)
-// 2. Change the line height in all browsers (opinionated)
-// 3. Breaks words to prevent overflow in all browsers (opinionated)
-// 4. Use a 4-space tab width in all browsers (opinionated)
-// 5. Remove the grey highlight on links in iOS (opinionated)
-// 6. Prevent adjustments of font size after orientation changes in iOS
-:where(:root) {
-  // -webkit-tap-highlight-color: transparent; // 5
-  -webkit-text-size-adjust: 100%; // 6
-  text-size-adjust: 100%; // 6
-  text-rendering: optimizeLegibility;
-  background-color: var(--background-color);
-  color: var(--color);
-  font-weight: var(--font-weight);
-  font-size: var(--font-size);
-  line-height: var(--line-height); // 2
-  font-family: var(--font-family);
-  overflow-wrap: break-word; // 3
-  cursor: default; // 1
-  tab-size: 4; // 4
-}

package/src/pico/reset/_embedded.scss

@@ -1,39 +0,0 @@
-// Change the alignment on media elements in all browsers (opinionated)
-:where(audio, canvas, iframe, img, svg, video) {
-  vertical-align: middle;
-}
-
-// Add the correct display in IE 9-
-audio,
-video {
-  display: inline-block;
-}
-
-// Add the correct display in iOS 4-7
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-// Remove the border on iframes in all browsers (opinionated)
-:where(iframe) {
-  border-style: none;
-}
-
-// 1. Remove the border on images inside links in IE 10.
-// 2. Responsive by default
-img {
-  max-width: 100%; // 2
-  height: auto; // 2
-  border-style: none; // 1
-}
-
-// Change the fill color to match the text color in all browsers (opinionated)
-:where(svg:not([fill])) {
-  fill: currentColor;
-}
-
-// Hide the overflow in IE
-svg:not(:root) {
-  overflow: hidden;
-}