@anyblades/blades 3.0.0-alpha.3 → 3.1.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/.prettierignore +3 -0
  2. package/CODE_OF_CONDUCT.md +92 -0
  3. package/README.md +45 -20
  4. package/css/blades.css +7 -41
  5. package/css/blades.min.css +1 -1
  6. package/css/blades.standalone.css +2 -4
  7. package/css/pico.conditional.css +4 -35
  8. package/css/pico.conditional.min.css +1 -1
  9. package/css/pico.css +4 -35
  10. package/css/pico.layered.css +3158 -0
  11. package/css/pico.layered.min.css +107 -0
  12. package/css/pico.min.css +1 -1
  13. package/package.json +17 -6
  14. package/src/pico/_index.css +4 -4
  15. package/src/pico/_utilities.css +0 -21
  16. package/src/pico/components/_accordion.css +74 -0
  17. package/src/pico/components/_card.css +31 -0
  18. package/src/pico/components/_dropdown.css +179 -0
  19. package/src/pico/components/_group.css +167 -0
  20. package/src/pico/components/_index.css +9 -0
  21. package/src/pico/components/_loading.css +31 -0
  22. package/src/pico/components/_modal.css +144 -0
  23. package/src/pico/components/_nav.css +108 -0
  24. package/src/pico/components/_progress.css +67 -0
  25. package/src/pico/components/_tooltip.css +167 -0
  26. package/src/pico/content/_button.css +205 -0
  27. package/src/pico/content/_code.css +61 -0
  28. package/src/pico/content/_embedded-content.css +37 -0
  29. package/src/pico/content/_figure.css +12 -0
  30. package/src/pico/content/_index.css +8 -0
  31. package/src/pico/content/_link.css +81 -0
  32. package/src/pico/content/_misc.css +19 -0
  33. package/src/pico/content/_table.css +30 -0
  34. package/src/pico/content/_typography.css +156 -0
  35. package/src/pico/forms/_basics.css +335 -0
  36. package/src/pico/forms/_checkbox-radio-switch.css +148 -0
  37. package/src/pico/forms/_index.css +7 -0
  38. package/src/pico/forms/_input-color.css +17 -0
  39. package/src/pico/forms/_input-datetime.css +48 -0
  40. package/src/pico/forms/_input-file.css +26 -0
  41. package/src/pico/forms/_input-range.css +109 -0
  42. package/src/pico/forms/_input-search.css +58 -0
  43. package/src/pico/layout/_container.css +39 -0
  44. package/src/pico/layout/_document.css +36 -0
  45. package/src/pico/layout/_grid.css +19 -0
  46. package/src/pico/layout/_index.css +6 -0
  47. package/src/pico/layout/_landmarks.css +17 -0
  48. package/src/pico/layout/_overflow-auto.css +6 -0
  49. package/src/pico/layout/_section.css +6 -0
  50. package/src/pico/_components.css +0 -974
  51. package/src/pico/_content.css +0 -608
  52. package/src/pico/_forms.css +0 -747
  53. package/src/pico/_layout.css +0 -128
@@ -4,8 +4,7 @@
4
4
  * Copyright 2019-2025 (https://picocss.com)
5
5
  * Copyright 2026 (https://blades.ninja/css/pico/)
6
6
  * Licensed under MIT
7
- */
8
- /**
7
+ *//**
9
8
  * Variables
10
9
  */
11
10
  :scope,
@@ -676,6 +675,7 @@ progress,
676
675
  [type="range"] {
677
676
  accent-color: var(--pico-primary);
678
677
  }
678
+
679
679
  /**
680
680
  * Document
681
681
  * Content-box & Responsive typography
@@ -737,7 +737,6 @@ body > footer {
737
737
  section {
738
738
  margin-bottom: var(--pico-block-spacing-vertical);
739
739
  }
740
-
741
740
  /**
742
741
  * Container
743
742
  */
@@ -777,7 +776,6 @@ section {
777
776
  max-width: 1450px;
778
777
  }
779
778
  }
780
-
781
779
  /**
782
780
  * Grid
783
781
  * Minimal grid system with auto-layout columns
@@ -797,7 +795,6 @@ section {
797
795
  min-width: 0;
798
796
  margin-bottom: 0; /* https://github.com/picocss/pico/issues/738 */
799
797
  }
800
-
801
798
  /**
802
799
  * Overflow auto
803
800
  */
@@ -1393,7 +1390,6 @@ figure figcaption {
1393
1390
  padding: calc(var(--pico-spacing) * 0.5) 0;
1394
1391
  color: var(--pico-muted-color);
1395
1392
  }
1396
-
1397
1393
  /**
1398
1394
  * Misc
1399
1395
  */
@@ -1413,6 +1409,7 @@ template {
1413
1409
  canvas {
1414
1410
  display: inline-block;
1415
1411
  }
1412
+
1416
1413
  /**
1417
1414
  * Basics form elements
1418
1415
  */
@@ -1897,7 +1894,6 @@ label:has([type="checkbox"], [type="radio"]) {
1897
1894
  [type="checkbox"][role="switch"]:checked:focus[aria-invalid="true"] {
1898
1895
  --pico-border-color: var(--pico-form-element-invalid-border-color);
1899
1896
  }
1900
-
1901
1897
  /**
1902
1898
  * Input type color
1903
1899
  */
@@ -1915,7 +1911,6 @@ label:has([type="checkbox"], [type="radio"]) {
1915
1911
  border: 0;
1916
1912
  border-radius: calc(var(--pico-border-radius) * 0.5);
1917
1913
  }
1918
-
1919
1914
  /**
1920
1915
  * Input type datetime
1921
1916
  */
@@ -1964,7 +1959,6 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"])[type
1964
1959
  :is([type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"]) {
1965
1960
  text-align: end;
1966
1961
  }
1967
-
1968
1962
  /**
1969
1963
  * Input type file
1970
1964
  */
@@ -1991,7 +1985,6 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"])[type
1991
1985
  var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
1992
1986
  0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
1993
1987
  }
1994
-
1995
1988
  /**
1996
1989
  * Input type range
1997
1990
  */
@@ -2101,7 +2094,6 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"])[type
2101
2094
  [type="range"]:active::-ms-thumb {
2102
2095
  transform: scale(1.25);
2103
2096
  }
2104
-
2105
2097
  /**
2106
2098
  * Input type search
2107
2099
  */
@@ -2234,7 +2226,6 @@ details[open] > summary::after {
2234
2226
  float: left;
2235
2227
  background-position: left center;
2236
2228
  }
2237
-
2238
2229
  /**
2239
2230
  * Card (<article>)
2240
2231
  */
@@ -2266,7 +2257,6 @@ article > footer {
2266
2257
  border-bottom-right-radius: var(--pico-border-radius);
2267
2258
  border-bottom-left-radius: var(--pico-border-radius);
2268
2259
  }
2269
-
2270
2260
  /**
2271
2261
  * Dropdown (details.dropdown)
2272
2262
  */
@@ -2614,7 +2604,6 @@ label > details.dropdown {
2614
2604
  border-top-right-radius: 5rem;
2615
2605
  border-bottom-right-radius: 5rem;
2616
2606
  }
2617
-
2618
2607
  /**
2619
2608
  * Loading ([aria-busy=true])
2620
2609
  */
@@ -2965,6 +2954,7 @@ progress::-moz-progress-bar {
2965
2954
  background-position: -200% 0;
2966
2955
  }
2967
2956
  }
2957
+
2968
2958
  /**
2969
2959
  * Tooltip ([data-tooltip])
2970
2960
  */
@@ -3144,27 +3134,6 @@ progress::-moz-progress-bar {
3144
3134
  cursor: not-allowed;
3145
3135
  }
3146
3136
 
3147
- [aria-hidden="false"][hidden] {
3148
- display: initial;
3149
- }
3150
-
3151
- [aria-hidden="false"][hidden]:not(:focus) {
3152
- clip: rect(0, 0, 0, 0);
3153
- position: absolute;
3154
- }
3155
-
3156
- a,
3157
- area,
3158
- button,
3159
- input,
3160
- label,
3161
- select,
3162
- summary,
3163
- textarea,
3164
- [tabindex] {
3165
- -ms-touch-action: manipulation;
3166
- }
3167
-
3168
3137
  [dir="rtl"] {
3169
3138
  direction: rtl;
3170
3139
  }
@@ -103,5 +103,5 @@ button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus
103
103
  button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus
104
104
  ) select{border-color:transparent}[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus),[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus){--pico-group-box-shadow:var(--pico-group-box-shadow-focus-with-input)}[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) [role=button],[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=button],[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=submit],[role=group]:has(input:not([type=submit],[type=button]):focus,select:focus) button,[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) [role=button],[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=button],[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) [type=submit],[role=search]:has(input:not([type=submit],[type=button]):focus,select:focus) button{--pico-button-box-shadow:0 0 0 var(--pico-border-width) var(--pico-primary-border);--pico-button-hover-box-shadow:0 0 0 var(--pico-border-width) var(--pico-primary-hover-border)}[role=group] [role=button]:focus,[role=group] [type=button]:focus,[role=group] [type=reset]:focus,[role=group] [type=submit]:focus,[role=group] button:focus,[role=search] [role=button]:focus,[role=search] [type=button]:focus,[role=search] [type=reset]:focus,[role=search] [type=submit]:focus,[role=search] button:focus{box-shadow:none}}[role=search]>:first-child{border-top-left-radius:5rem;border-bottom-left-radius:5rem}[role=search]>:last-child{border-top-right-radius:5rem;border-bottom-right-radius:5rem}[aria-busy=true]:not(input,select,textarea,html,form){white-space:nowrap}[aria-busy=true]:not(input,select,textarea,html,form)::before{display:inline-block;width:1em;height:1em;background-image:var(--pico-icon-loading);background-size:1em auto;background-repeat:no-repeat;content:"";vertical-align:-.125em}[aria-busy=true]:not(input,select,textarea,html,form):not(:empty)::before{margin-inline-end:calc(var(--pico-spacing) * .5)}[aria-busy=true]:not(input,select,textarea,html,form):empty{text-align:center}[role=button][aria-busy=true],[type=button][aria-busy=true],[type=reset][aria-busy=true],[type=submit][aria-busy=true],a[aria-busy=true],button[aria-busy=true]{pointer-events:none}:host,:scope{--pico-scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:0;border:0;backdrop-filter:var(--pico-modal-overlay-backdrop-filter);background-color:var(--pico-modal-overlay-background-color);color:var(--pico-color)}dialog>article{width:100%;max-height:calc(100vh - var(--pico-spacing) * 2);margin:var(--pico-spacing);overflow:auto}@media (min-width:576px){dialog>article{max-width:510px}}@media (min-width:768px){dialog>article{max-width:700px}}dialog>article>header>*{margin-bottom:0}dialog>article>header .close,dialog>article>header :is(a,button)[rel=prev]{margin:0;margin-left:var(--pico-spacing);padding:0;float:right}dialog>article>footer{text-align:end}dialog>article>footer [role=button],dialog>article>footer button{margin-bottom:0}dialog>article>footer [role=button]:not(:first-of-type),dialog>article>footer button:not(:first-of-type){margin-left:calc(var(--pico-spacing) * .5)}dialog>article .close,dialog>article :is(a,button)[rel=prev]{display:block;width:1rem;height:1rem;margin-top:calc(var(--pico-spacing) * -1);margin-bottom:var(--pico-spacing);margin-left:auto;border:none;background-image:var(--pico-icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;background-color:transparent;opacity:.5;transition:opacity var(--pico-transition)}dialog>article .close:is([aria-current]:not([aria-current=false]),:hover,:active,:focus),dialog>article :is(a,button)[rel=prev]:is(
105
105
  [aria-current]:not([aria-current=false]),:hover,:active,:focus
106
- ){opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--pico-scrollbar-width,0);overflow:hidden;pointer-events:none;touch-action:none}.modal-is-open dialog{pointer-events:auto;touch-action:auto}:where(.modal-is-opening,.modal-is-closing) dialog,:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:both}:where(.modal-is-opening,.modal-is-closing) dialog{animation-duration:.8s;animation-name:modal-overlay}:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-delay:.2s;animation-name:modal}.modal-is-closing dialog,.modal-is-closing dialog>article{animation-delay:0s;animation-direction:reverse}@keyframes modal-overlay{from{backdrop-filter:none;background-color:transparent}}@keyframes modal{from{transform:translateY(-100%);opacity:0}}:where(nav li)::before{float:left;content:"​"}nav,nav ul{display:flex}nav{justify-content:space-between;overflow:visible}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--pico-nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--pico-nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--pico-nav-element-spacing-vertical) var(--pico-nav-element-spacing-horizontal)}nav li :where(a,[role=link]){display:inline-block;margin:calc(var(--pico-nav-link-spacing-vertical) * -1) calc(var(--pico-nav-link-spacing-horizontal) * -1);padding:var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal);border-radius:var(--pico-border-radius)}nav li :where(a,[role=link]):not(:hover){text-decoration:none}nav li [role=button],nav li [type=button],nav li button,nav li input:not([type=checkbox],[type=radio],[type=range],[type=file]),nav li select{height:auto;margin-right:inherit;margin-bottom:0;margin-left:inherit;padding:calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal)}nav[aria-label=breadcrumb]{align-items:center;justify-content:start}nav[aria-label=breadcrumb] ul li:not(:first-child){margin-inline-start:var(--pico-nav-link-spacing-horizontal)}nav[aria-label=breadcrumb] ul li a{margin:calc(var(--pico-nav-link-spacing-vertical) * -1) 0;margin-inline-start:calc(var(--pico-nav-link-spacing-horizontal) * -1)}nav[aria-label=breadcrumb] ul li:not(:last-child)::after{display:inline-block;position:absolute;width:calc(var(--pico-nav-link-spacing-horizontal) * 4);margin:0 calc(var(--pico-nav-link-spacing-horizontal) * -1);content:var(--pico-nav-breadcrumb-divider);color:var(--pico-muted-color);text-align:center;text-decoration:none;white-space:nowrap}nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]){background-color:transparent;color:inherit;text-decoration:none;pointer-events:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--pico-nav-element-spacing-vertical) * .5) var(--pico-nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child)::after{content:"\\"}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--pico-spacing) * .5);overflow:hidden;border:0;border-radius:var(--pico-border-radius);background-color:var(--pico-progress-background-color);color:var(--pico-progress-color)}progress::-webkit-progress-bar{border-radius:var(--pico-border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--pico-progress-color);-webkit-transition:inline-size var(--pico-transition);transition:inline-size var(--pico-transition)}progress::-moz-progress-bar{background-color:var(--pico-progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--pico-progress-background-color) linear-gradient(to right,var(--pico-progress-color) 30%,var(--pico-progress-background-color) 30%) top left/150% 150% no-repeat;animation:progress-indeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[data-tooltip]{position:relative}[data-tooltip]:not(a,button,input,[role=button]){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before,[data-tooltip][data-placement=top]::after,[data-tooltip][data-placement=top]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--pico-border-radius);background:var(--pico-tooltip-background-color);content:attr(data-tooltip);color:var(--pico-tooltip-color);font-style:normal;font-weight:var(--pico-font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after,[data-tooltip][data-placement=top]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--pico-tooltip-background-color)}[data-tooltip][data-placement=bottom]::after,[data-tooltip][data-placement=bottom]::before{top:100%;bottom:auto;transform:translate(-50%,.25rem)}[data-tooltip][data-placement=bottom]:after{transform:translate(-50%,-.3rem);border:.3rem solid transparent;border-bottom:.3rem solid}[data-tooltip][data-placement=left]::after,[data-tooltip][data-placement=left]::before{top:50%;right:100%;bottom:auto;left:auto;transform:translate(-.25rem,-50%)}[data-tooltip][data-placement=left]:after{transform:translate(.3rem,-50%);border:.3rem solid transparent;border-left:.3rem solid}[data-tooltip][data-placement=right]::after,[data-tooltip][data-placement=right]::before{top:50%;right:auto;bottom:auto;left:100%;transform:translate(.25rem,-50%)}[data-tooltip][data-placement=right]:after{transform:translate(-.3rem,-50%);border:.3rem solid transparent;border-right:.3rem solid}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{--pico-tooltip-slide-to:translate(-50%, -0.25rem);transform:translate(-50%,.75rem);animation-duration:.2s;animation-fill-mode:forwards;animation-name:tooltip-slide;opacity:0}[data-tooltip]:focus::after,[data-tooltip]:hover::after{--pico-tooltip-caret-slide-to:translate(-50%, 0rem);transform:translate(-50%,-.25rem);animation-name:tooltip-caret-slide}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover::after,[data-tooltip][data-placement=bottom]:hover::before{--pico-tooltip-slide-to:translate(-50%, 0.25rem);transform:translate(-50%,-.75rem);animation-name:tooltip-slide}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::after{--pico-tooltip-caret-slide-to:translate(-50%, -0.3rem);transform:translate(-50%,-.5rem);animation-name:tooltip-caret-slide}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:focus::before,[data-tooltip][data-placement=left]:hover::after,[data-tooltip][data-placement=left]:hover::before{--pico-tooltip-slide-to:translate(-0.25rem, -50%);transform:translate(.75rem,-50%);animation-name:tooltip-slide}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::after{--pico-tooltip-caret-slide-to:translate(0.3rem, -50%);transform:translate(.05rem,-50%);animation-name:tooltip-caret-slide}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:focus::before,[data-tooltip][data-placement=right]:hover::after,[data-tooltip][data-placement=right]:hover::before{--pico-tooltip-slide-to:translate(0.25rem, -50%);transform:translate(-.75rem,-50%);animation-name:tooltip-slide}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::after{--pico-tooltip-caret-slide-to:translate(-0.3rem, -50%);transform:translate(-.05rem,-50%);animation-name:tooltip-caret-slide}}@keyframes tooltip-slide{to{transform:var(--pico-tooltip-slide-to);opacity:1}}@keyframes tooltip-caret-slide{50%{opacity:0}to{transform:var(--pico-tooltip-caret-slide-to);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true])::after,:not([aria-busy=true])::before,:not([aria-busy=true]):not(.unreduce-motion){background-attachment:initial!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
106
+ ){opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--pico-scrollbar-width,0);overflow:hidden;pointer-events:none;touch-action:none}.modal-is-open dialog{pointer-events:auto;touch-action:auto}:where(.modal-is-opening,.modal-is-closing) dialog,:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:both}:where(.modal-is-opening,.modal-is-closing) dialog{animation-duration:.8s;animation-name:modal-overlay}:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-delay:.2s;animation-name:modal}.modal-is-closing dialog,.modal-is-closing dialog>article{animation-delay:0s;animation-direction:reverse}@keyframes modal-overlay{from{backdrop-filter:none;background-color:transparent}}@keyframes modal{from{transform:translateY(-100%);opacity:0}}:where(nav li)::before{float:left;content:"​"}nav,nav ul{display:flex}nav{justify-content:space-between;overflow:visible}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--pico-nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--pico-nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--pico-nav-element-spacing-vertical) var(--pico-nav-element-spacing-horizontal)}nav li :where(a,[role=link]){display:inline-block;margin:calc(var(--pico-nav-link-spacing-vertical) * -1) calc(var(--pico-nav-link-spacing-horizontal) * -1);padding:var(--pico-nav-link-spacing-vertical) var(--pico-nav-link-spacing-horizontal);border-radius:var(--pico-border-radius)}nav li :where(a,[role=link]):not(:hover){text-decoration:none}nav li [role=button],nav li [type=button],nav li button,nav li input:not([type=checkbox],[type=radio],[type=range],[type=file]),nav li select{height:auto;margin-right:inherit;margin-bottom:0;margin-left:inherit;padding:calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal)}nav[aria-label=breadcrumb]{align-items:center;justify-content:start}nav[aria-label=breadcrumb] ul li:not(:first-child){margin-inline-start:var(--pico-nav-link-spacing-horizontal)}nav[aria-label=breadcrumb] ul li a{margin:calc(var(--pico-nav-link-spacing-vertical) * -1) 0;margin-inline-start:calc(var(--pico-nav-link-spacing-horizontal) * -1)}nav[aria-label=breadcrumb] ul li:not(:last-child)::after{display:inline-block;position:absolute;width:calc(var(--pico-nav-link-spacing-horizontal) * 4);margin:0 calc(var(--pico-nav-link-spacing-horizontal) * -1);content:var(--pico-nav-breadcrumb-divider);color:var(--pico-muted-color);text-align:center;text-decoration:none;white-space:nowrap}nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]){background-color:transparent;color:inherit;text-decoration:none;pointer-events:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--pico-nav-element-spacing-vertical) * .5) var(--pico-nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child)::after{content:"\\"}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--pico-spacing) * .5);overflow:hidden;border:0;border-radius:var(--pico-border-radius);background-color:var(--pico-progress-background-color);color:var(--pico-progress-color)}progress::-webkit-progress-bar{border-radius:var(--pico-border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--pico-progress-color);-webkit-transition:inline-size var(--pico-transition);transition:inline-size var(--pico-transition)}progress::-moz-progress-bar{background-color:var(--pico-progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--pico-progress-background-color) linear-gradient(to right,var(--pico-progress-color) 30%,var(--pico-progress-background-color) 30%) top left/150% 150% no-repeat;animation:progress-indeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[data-tooltip]{position:relative}[data-tooltip]:not(a,button,input,[role=button]){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before,[data-tooltip][data-placement=top]::after,[data-tooltip][data-placement=top]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--pico-border-radius);background:var(--pico-tooltip-background-color);content:attr(data-tooltip);color:var(--pico-tooltip-color);font-style:normal;font-weight:var(--pico-font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after,[data-tooltip][data-placement=top]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--pico-tooltip-background-color)}[data-tooltip][data-placement=bottom]::after,[data-tooltip][data-placement=bottom]::before{top:100%;bottom:auto;transform:translate(-50%,.25rem)}[data-tooltip][data-placement=bottom]:after{transform:translate(-50%,-.3rem);border:.3rem solid transparent;border-bottom:.3rem solid}[data-tooltip][data-placement=left]::after,[data-tooltip][data-placement=left]::before{top:50%;right:100%;bottom:auto;left:auto;transform:translate(-.25rem,-50%)}[data-tooltip][data-placement=left]:after{transform:translate(.3rem,-50%);border:.3rem solid transparent;border-left:.3rem solid}[data-tooltip][data-placement=right]::after,[data-tooltip][data-placement=right]::before{top:50%;right:auto;bottom:auto;left:100%;transform:translate(.25rem,-50%)}[data-tooltip][data-placement=right]:after{transform:translate(-.3rem,-50%);border:.3rem solid transparent;border-right:.3rem solid}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{--pico-tooltip-slide-to:translate(-50%, -0.25rem);transform:translate(-50%,.75rem);animation-duration:.2s;animation-fill-mode:forwards;animation-name:tooltip-slide;opacity:0}[data-tooltip]:focus::after,[data-tooltip]:hover::after{--pico-tooltip-caret-slide-to:translate(-50%, 0rem);transform:translate(-50%,-.25rem);animation-name:tooltip-caret-slide}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover::after,[data-tooltip][data-placement=bottom]:hover::before{--pico-tooltip-slide-to:translate(-50%, 0.25rem);transform:translate(-50%,-.75rem);animation-name:tooltip-slide}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::after{--pico-tooltip-caret-slide-to:translate(-50%, -0.3rem);transform:translate(-50%,-.5rem);animation-name:tooltip-caret-slide}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:focus::before,[data-tooltip][data-placement=left]:hover::after,[data-tooltip][data-placement=left]:hover::before{--pico-tooltip-slide-to:translate(-0.25rem, -50%);transform:translate(.75rem,-50%);animation-name:tooltip-slide}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::after{--pico-tooltip-caret-slide-to:translate(0.3rem, -50%);transform:translate(.05rem,-50%);animation-name:tooltip-caret-slide}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:focus::before,[data-tooltip][data-placement=right]:hover::after,[data-tooltip][data-placement=right]:hover::before{--pico-tooltip-slide-to:translate(0.25rem, -50%);transform:translate(-.75rem,-50%);animation-name:tooltip-slide}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::after{--pico-tooltip-caret-slide-to:translate(-0.3rem, -50%);transform:translate(-.05rem,-50%);animation-name:tooltip-caret-slide}}@keyframes tooltip-slide{to{transform:var(--pico-tooltip-slide-to);opacity:1}}@keyframes tooltip-caret-slide{50%{opacity:0}to{transform:var(--pico-tooltip-caret-slide-to);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true])::after,:not([aria-busy=true])::before,:not([aria-busy=true]):not(.unreduce-motion){background-attachment:initial!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
107
107
  }
package/css/pico.css CHANGED
@@ -3,8 +3,7 @@
3
3
  * Copyright 2019-2025 (https://picocss.com)
4
4
  * Copyright 2026 (https://blades.ninja/css/pico/)
5
5
  * Licensed under MIT
6
- */
7
- /**
6
+ *//**
8
7
  * Variables
9
8
  */
10
9
  :scope,
@@ -675,6 +674,7 @@ progress,
675
674
  [type="range"] {
676
675
  accent-color: var(--pico-primary);
677
676
  }
677
+
678
678
  /**
679
679
  * Document
680
680
  * Content-box & Responsive typography
@@ -736,7 +736,6 @@ body > footer {
736
736
  section {
737
737
  margin-bottom: var(--pico-block-spacing-vertical);
738
738
  }
739
-
740
739
  /**
741
740
  * Container
742
741
  */
@@ -776,7 +775,6 @@ section {
776
775
  max-width: 1450px;
777
776
  }
778
777
  }
779
-
780
778
  /**
781
779
  * Grid
782
780
  * Minimal grid system with auto-layout columns
@@ -796,7 +794,6 @@ section {
796
794
  min-width: 0;
797
795
  margin-bottom: 0; /* https://github.com/picocss/pico/issues/738 */
798
796
  }
799
-
800
797
  /**
801
798
  * Overflow auto
802
799
  */
@@ -1392,7 +1389,6 @@ figure figcaption {
1392
1389
  padding: calc(var(--pico-spacing) * 0.5) 0;
1393
1390
  color: var(--pico-muted-color);
1394
1391
  }
1395
-
1396
1392
  /**
1397
1393
  * Misc
1398
1394
  */
@@ -1412,6 +1408,7 @@ template {
1412
1408
  canvas {
1413
1409
  display: inline-block;
1414
1410
  }
1411
+
1415
1412
  /**
1416
1413
  * Basics form elements
1417
1414
  */
@@ -1896,7 +1893,6 @@ label:has([type="checkbox"], [type="radio"]) {
1896
1893
  [type="checkbox"][role="switch"]:checked:focus[aria-invalid="true"] {
1897
1894
  --pico-border-color: var(--pico-form-element-invalid-border-color);
1898
1895
  }
1899
-
1900
1896
  /**
1901
1897
  * Input type color
1902
1898
  */
@@ -1914,7 +1910,6 @@ label:has([type="checkbox"], [type="radio"]) {
1914
1910
  border: 0;
1915
1911
  border-radius: calc(var(--pico-border-radius) * 0.5);
1916
1912
  }
1917
-
1918
1913
  /**
1919
1914
  * Input type datetime
1920
1915
  */
@@ -1963,7 +1958,6 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"])[type
1963
1958
  :is([type="date"], [type="datetime-local"], [type="month"], [type="time"], [type="week"]) {
1964
1959
  text-align: end;
1965
1960
  }
1966
-
1967
1961
  /**
1968
1962
  * Input type file
1969
1963
  */
@@ -1990,7 +1984,6 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"])[type
1990
1984
  var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),
1991
1985
  0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
1992
1986
  }
1993
-
1994
1987
  /**
1995
1988
  * Input type range
1996
1989
  */
@@ -2100,7 +2093,6 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"])[type
2100
2093
  [type="range"]:active::-ms-thumb {
2101
2094
  transform: scale(1.25);
2102
2095
  }
2103
-
2104
2096
  /**
2105
2097
  * Input type search
2106
2098
  */
@@ -2233,7 +2225,6 @@ details[open] > summary::after {
2233
2225
  float: left;
2234
2226
  background-position: left center;
2235
2227
  }
2236
-
2237
2228
  /**
2238
2229
  * Card (<article>)
2239
2230
  */
@@ -2265,7 +2256,6 @@ article > footer {
2265
2256
  border-bottom-right-radius: var(--pico-border-radius);
2266
2257
  border-bottom-left-radius: var(--pico-border-radius);
2267
2258
  }
2268
-
2269
2259
  /**
2270
2260
  * Dropdown (details.dropdown)
2271
2261
  */
@@ -2613,7 +2603,6 @@ label > details.dropdown {
2613
2603
  border-top-right-radius: 5rem;
2614
2604
  border-bottom-right-radius: 5rem;
2615
2605
  }
2616
-
2617
2606
  /**
2618
2607
  * Loading ([aria-busy=true])
2619
2608
  */
@@ -2964,6 +2953,7 @@ progress::-moz-progress-bar {
2964
2953
  background-position: -200% 0;
2965
2954
  }
2966
2955
  }
2956
+
2967
2957
  /**
2968
2958
  * Tooltip ([data-tooltip])
2969
2959
  */
@@ -3143,27 +3133,6 @@ progress::-moz-progress-bar {
3143
3133
  cursor: not-allowed;
3144
3134
  }
3145
3135
 
3146
- [aria-hidden="false"][hidden] {
3147
- display: initial;
3148
- }
3149
-
3150
- [aria-hidden="false"][hidden]:not(:focus) {
3151
- clip: rect(0, 0, 0, 0);
3152
- position: absolute;
3153
- }
3154
-
3155
- a,
3156
- area,
3157
- button,
3158
- input,
3159
- label,
3160
- select,
3161
- summary,
3162
- textarea,
3163
- [tabindex] {
3164
- -ms-touch-action: manipulation;
3165
- }
3166
-
3167
3136
  [dir="rtl"] {
3168
3137
  direction: rtl;
3169
3138
  }