@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.
- package/.prettierignore +3 -0
- package/CODE_OF_CONDUCT.md +92 -0
- package/README.md +45 -20
- package/css/blades.css +7 -41
- package/css/blades.min.css +1 -1
- package/css/blades.standalone.css +2 -4
- package/css/pico.conditional.css +4 -35
- package/css/pico.conditional.min.css +1 -1
- package/css/pico.css +4 -35
- package/css/pico.layered.css +3158 -0
- package/css/pico.layered.min.css +107 -0
- package/css/pico.min.css +1 -1
- package/package.json +17 -6
- package/src/pico/_index.css +4 -4
- package/src/pico/_utilities.css +0 -21
- package/src/pico/components/_accordion.css +74 -0
- package/src/pico/components/_card.css +31 -0
- package/src/pico/components/_dropdown.css +179 -0
- package/src/pico/components/_group.css +167 -0
- package/src/pico/components/_index.css +9 -0
- package/src/pico/components/_loading.css +31 -0
- package/src/pico/components/_modal.css +144 -0
- package/src/pico/components/_nav.css +108 -0
- package/src/pico/components/_progress.css +67 -0
- package/src/pico/components/_tooltip.css +167 -0
- package/src/pico/content/_button.css +205 -0
- package/src/pico/content/_code.css +61 -0
- package/src/pico/content/_embedded-content.css +37 -0
- package/src/pico/content/_figure.css +12 -0
- package/src/pico/content/_index.css +8 -0
- package/src/pico/content/_link.css +81 -0
- package/src/pico/content/_misc.css +19 -0
- package/src/pico/content/_table.css +30 -0
- package/src/pico/content/_typography.css +156 -0
- package/src/pico/forms/_basics.css +335 -0
- package/src/pico/forms/_checkbox-radio-switch.css +148 -0
- package/src/pico/forms/_index.css +7 -0
- package/src/pico/forms/_input-color.css +17 -0
- package/src/pico/forms/_input-datetime.css +48 -0
- package/src/pico/forms/_input-file.css +26 -0
- package/src/pico/forms/_input-range.css +109 -0
- package/src/pico/forms/_input-search.css +58 -0
- package/src/pico/layout/_container.css +39 -0
- package/src/pico/layout/_document.css +36 -0
- package/src/pico/layout/_grid.css +19 -0
- package/src/pico/layout/_index.css +6 -0
- package/src/pico/layout/_landmarks.css +17 -0
- package/src/pico/layout/_overflow-auto.css +6 -0
- package/src/pico/layout/_section.css +6 -0
- package/src/pico/_components.css +0 -974
- package/src/pico/_content.css +0 -608
- package/src/pico/_forms.css +0 -747
- package/src/pico/_layout.css +0 -128
package/css/pico.conditional.css
CHANGED
|
@@ -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}[
|
|
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
|
}
|