@anyblades/blades 3.1.0-alpha.2 → 3.1.0-beta.2
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/README.md +46 -15
- package/css/blades.css +158 -597
- package/css/blades.min.css +38 -12
- package/css/blades.ninja.css +4057 -0
- package/css/blades.ninja.min.css +190 -0
- package/css/float-label.css +207 -0
- package/css/float-label.min.css +55 -0
- package/css/{pico.layered.css → layered/blades.layered.css} +441 -16
- package/css/{pico.layered.min.css → layered/blades.layered.min.css} +74 -8
- package/css/layered/compact.css +54 -0
- package/css/layered/components/accordion.css +85 -0
- package/css/layered/components/card.css +48 -0
- package/css/layered/components/dropdown.css +191 -0
- package/css/layered/components/group.css +208 -0
- package/css/layered/components/loading.css +43 -0
- package/css/layered/components/modal.css +158 -0
- package/css/layered/components/nav.css +117 -0
- package/css/layered/components/progress.css +76 -0
- package/css/layered/components/tooltip.css +176 -0
- package/css/layered/components.css +1082 -0
- package/css/layered/content/button.css +208 -0
- package/css/layered/content/code.css +64 -0
- package/css/layered/content/embedded-content.css +41 -0
- package/css/layered/content/figure.css +15 -0
- package/css/layered/content/link.css +84 -0
- package/css/layered/content/misc.css +22 -0
- package/css/layered/content/table.css +33 -0
- package/css/layered/content/typography.css +159 -0
- package/css/layered/content.css +611 -0
- package/css/layered/forms/basics.css +338 -0
- package/css/layered/forms/checkbox-radio-switch.css +164 -0
- package/css/layered/forms/input-color.css +20 -0
- package/css/layered/forms/input-datetime.css +57 -0
- package/css/layered/forms/input-file.css +29 -0
- package/css/layered/forms/input-range.css +121 -0
- package/css/layered/forms/input-search.css +66 -0
- package/css/layered/forms.css +778 -0
- package/css/layered/layout/container.css +42 -0
- package/css/layered/layout/document.css +48 -0
- package/css/layered/layout/grid.css +22 -0
- package/css/layered/layout/landmarks.css +12 -0
- package/css/layered/layout/overflow-auto.css +9 -0
- package/css/layered/layout/section.css +9 -0
- package/css/layered/layout.css +119 -0
- package/css/layered/utilities.css +35 -0
- package/css/layered/variables.css +365 -0
- package/css/pico.conditional.css +16 -15
- package/css/pico.conditional.min.css +7 -7
- package/css/pico.css +16 -15
- package/css/pico.min.css +7 -7
- package/package.json +15 -11
- package/src/_compact.css +51 -0
- package/src/blades/_index.css +23 -0
- package/src/blades/float-label/_index.css +2 -0
- package/src/{standalone/forms/_float-label.theme.css → blades/float-label/_theme.css} +5 -1
- package/src/blades.css +3 -2
- package/src/blades.ninja.css +3 -0
- package/src/float-label.css +1 -0
- package/src/ninja/_index.css +19 -0
- package/src/{standalone → ninja}/_theme.css +0 -2
- package/src/{ninja.css → ninja/_utilities.css} +55 -6
- package/src/pico/_variables.css +6 -5
- package/src/pico/content/_button.css +1 -1
- package/src/pico/layout/_document.css +9 -0
- package/src/pico/layout/_index.css +0 -1
- package/src/pico/layout/_landmarks.css +1 -9
- package/src/pico.css +1 -0
- package/css/blades.standalone.css +0 -860
- package/css/blades.standalone.min.css +0 -37
- package/css/ninja.css +0 -83
- package/css/ninja.min.css +0 -5
- package/src/blades.standalone.css +0 -2
- package/src/standalone/_core.css +0 -32
- package/src/standalone/_utilities.css +0 -55
- package/src/standalone/forms/_float-label.css +0 -2
- /package/src/{standalone/content → blades}/_code.css +0 -0
- /package/src/{standalone/layout → blades}/_columns.css +0 -0
- /package/src/{standalone/components/_icon-helper.css → blades/_icon.css} +0 -0
- /package/src/{standalone/components → blades}/_timeline.css +0 -0
- /package/src/{standalone → blades}/_variables.css +0 -0
- /package/src/{standalone/forms/_float-label.core.css → blades/float-label/_core.css} +0 -0
- /package/src/{standalone/layout/_breakout.css → ninja/_container-breakout.css} +0 -0
- /package/src/{standalone/content/_typography.css → ninja/_heading-anchor.css} +0 -0
- /package/src/{standalone/content/_list.css → ninja/_list-helpers.css} +0 -0
- /package/src/{standalone/layout/_scroller.css → ninja/_page-anchors.css} +0 -0
- /package/src/{standalone/content/_table.css → ninja/_table-helpers.css} +0 -0
- /package/src/{standalone/content → ninja}/_table-responsive.css +0 -0
package/css/blades.min.css
CHANGED
|
@@ -11,15 +11,15 @@
|
|
|
11
11
|
[type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[type=file]
|
|
12
12
|
){--pico-outline-width:0.0625rem}[type=search]{--pico-border-radius:5rem}[type=checkbox],[type=radio]{--pico-border-width:0.125rem}[type=checkbox][role=switch]{--pico-border-width:0.1875rem}details.dropdown summary:not([role=button]){--pico-outline-width:0.0625rem}nav details.dropdown summary:focus-visible{--pico-outline-width:0.125rem}[role=search]{--pico-border-radius:5rem}[role=group] [role=button],[role=group] [type=button],[role=group] [type=submit],[role=group] button,[role=search] [role=button],[role=search] [type=button],[role=search] [type=submit],[role=search] button{--pico-form-element-spacing-horizontal:2rem}details summary[role=button]:not(.outline)::after{filter:brightness(0) invert(1)}[aria-busy=true]:not(input,select,textarea):is(
|
|
13
13
|
button,[type=submit],[type=button],[type=reset],[role=button]
|
|
14
|
-
):not(.outline)::before{filter:brightness(0) invert(1)}:host,:scope,[data-theme=dark],[data-theme=light]{color-scheme:light;--pico-background-color:light-dark(#fff, rgb(19, 22.5, 30.5));--pico-color:light-dark(#373c44, #c2c7d0);--pico-text-selection-color:light-dark(rgba(2, 154, 232, 0.25), rgba(1, 170, 255, 0.1875));--pico-muted-color:light-dark(#646b79, #7b8495);--pico-muted-border-color:light-dark(rgb(231, 234, 239.5), #202632);--pico-primary:light-dark(#0172ad, #01aaff);--pico-primary-background:#0172ad;--pico-primary-border:var(--pico-primary-background);--pico-primary-underline:light-dark(rgba(1, 114, 173, 0.5), rgba(1, 170, 255, 0.5));--pico-primary-hover:light-dark(#015887, #79c0ff);--pico-primary-hover-background:light-dark(#02659a, #017fc0);--pico-primary-hover-border:var(--pico-primary-hover-background);--pico-primary-hover-underline:var(--pico-primary-hover);--pico-primary-focus:light-dark(
|
|
14
|
+
):not(.outline)::before{filter:brightness(0) invert(1)}:host,:scope,[data-theme=dark],[data-theme=light]{color-scheme:light;--pico-background-color:light-dark(#fff, rgb(19, 22.5, 30.5));--pico-color:light-dark(#373c44, #c2c7d0);--pico-text-selection-color:light-dark(rgba(2, 154, 232, 0.25), rgba(1, 170, 255, 0.1875));--pico-muted-color:light-dark(#646b79, #7b8495);--pico-muted-border-color:light-dark(rgb(231, 234, 239.5), #202632);--pico-primary:light-dark(#0172ad, #01aaff);--pico-primary-background:#0172ad;--pico-primary-border:var(--pico-primary-background);--pico-primary-underline:light-dark(rgba(1, 114, 173, 0.5), rgba(1, 170, 255, 0.5));--pico-primary-hover:light-dark(#015887, #79c0ff);--pico-primary-hover-background:light-dark(#02659a, #017fc0);--pico-primary-hover-border:var(--pico-primary-hover-background);--pico-primary-hover-underline:var(--pico-primary-hover);--pico-primary-focus:light-dark(rgb(2, 138, 212), rgb(1, 170, 255));--pico-primary-inverse:#fff;--pico-secondary:light-dark(#5d6b89, #969eaf);--pico-secondary-background:#525f7a;--pico-secondary-border:var(--pico-secondary-background);--pico-secondary-underline:light-dark(rgba(93, 107, 137, 0.5), rgba(150, 158, 175, 0.5));--pico-secondary-hover:light-dark(#48536b, #b3b9c5);--pico-secondary-hover-background:light-dark(#48536b, #5d6b89);--pico-secondary-hover-border:var(--pico-secondary-hover-background);--pico-secondary-hover-underline:var(--pico-secondary-hover);--pico-secondary-focus:light-dark(rgb(93, 107, 137), rgb(144, 158, 190));--pico-secondary-inverse:#fff;--pico-contrast:light-dark(#181c25, #dfe3eb);--pico-contrast-background:light-dark(#181c25, #eff1f4);--pico-contrast-border:var(--pico-contrast-background);--pico-contrast-underline:light-dark(rgba(24, 28, 37, 0.5), rgba(223, 227, 235, 0.5));--pico-contrast-hover:light-dark(#000, #fff);--pico-contrast-hover-background:light-dark(#000, #fff);--pico-contrast-hover-border:var(--pico-contrast-hover-background);--pico-contrast-hover-underline:light-dark(
|
|
15
15
|
var(--pico-secondary-hover),
|
|
16
16
|
var(--pico-contrast-hover)
|
|
17
|
-
);--pico-contrast-focus:light-dark(
|
|
17
|
+
);--pico-contrast-focus:light-dark(rgb(93, 107, 137), rgb(207, 213, 226));--pico-contrast-inverse:light-dark(#fff, #000);--pico-box-shadow:0 0.5rem 2.5rem light-dark(rgba(129, 145, 181, 0.2), rgba(7, 8.5, 12, 0.2));--pico-h1-color:light-dark(#2d3138, #f0f1f3);--pico-h2-color:light-dark(#373c44, #e0e3e7);--pico-h3-color:light-dark(#424751, #c2c7d0);--pico-h4-color:light-dark(#4d535e, #b3b9c5);--pico-h5-color:light-dark(#5c6370, #a4acba);--pico-h6-color:light-dark(#646b79, #8891a4);--pico-mark-background-color:light-dark(rgb(252.5, 230.5, 191.5), #014063);--pico-mark-color:light-dark(#0f1114, #fff);--pico-ins-color:light-dark(rgb(28.5, 105.5, 84), #62af9a);--pico-del-color:light-dark(rgb(136, 56.5, 53), rgb(205.5, 126, 123));--pico-blockquote-border-color:var(--pico-muted-border-color);--pico-blockquote-footer-color:var(--pico-muted-color);--pico-button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--pico-button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--pico-table-border-color:var(--pico-muted-border-color);--pico-table-row-stripped-background-color:rgba(111, 120, 135, 0.0375);--pico-code-background-color:light-dark(rgb(243, 244.5, 246.75), rgb(26, 30.5, 40.25));--pico-code-color:light-dark(#646b79, #8891a4);--pico-code-kbd-background-color:var(--pico-color);--pico-code-kbd-color:var(--pico-background-color);--pico-form-element-background-color:light-dark(rgb(251, 251.5, 252.25), rgb(28, 33, 43.5));--pico-form-element-selected-background-color:light-dark(#dfe3eb, #2a3140);--pico-form-element-border-color:light-dark(#cfd5e2, #2a3140);--pico-form-element-color:light-dark(#23262c, #e0e3e7);--pico-form-element-placeholder-color:light-dark(var(--pico-muted-color), #8891a4);--pico-form-element-active-background-color:light-dark(#fff, rgb(26, 30.5, 40.25));--pico-form-element-active-border-color:var(--pico-primary-border);--pico-form-element-focus-color:var(--pico-primary-border);--pico-form-element-disabled-opacity:0.5;--pico-form-element-invalid-border-color:light-dark(
|
|
18
18
|
rgb(183.5, 105.5, 106.5),
|
|
19
|
-
rgb(
|
|
19
|
+
rgb(200.25, 79.25, 72.25)
|
|
20
20
|
);--pico-form-element-invalid-active-border-color:light-dark(
|
|
21
21
|
rgb(200.25, 79.25, 72.25),
|
|
22
|
-
rgb(
|
|
22
|
+
rgb(214, 92, 86)
|
|
23
23
|
);--pico-form-element-invalid-focus-color:var(--pico-form-element-invalid-active-border-color);--pico-form-element-valid-border-color:light-dark(rgb(76, 154.5, 137.5), #2a7b6f);--pico-form-element-valid-active-border-color:light-dark(
|
|
24
24
|
rgb(39, 152.75, 118.75),
|
|
25
25
|
rgb(22, 137, 105.5)
|
|
@@ -31,13 +31,13 @@ button,[type=submit],[type=button],[type=reset],[role=button]
|
|
|
31
31
|
button,[type=submit],[type=button],[type=reset],[role=button]
|
|
32
32
|
):not(.outline)::before,:scope:not([data-theme]) details summary[role=button].contrast:not(.outline)::after{filter:brightness(0)}}[data-theme=dark]{color-scheme:dark}[data-theme=dark] [aria-busy=true]:not(input,select,textarea).contrast:is(
|
|
33
33
|
button,[type=submit],[type=button],[type=reset],[role=button]
|
|
34
|
-
):not(.outline)::before,[data-theme=dark] details summary[role=button].contrast:not(.outline)::after{filter:brightness(0)}[type=checkbox],[type=radio],[type=range],progress{accent-color:var(--pico-primary)}*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}:where(:host),:where(:scope){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--pico-background-color);color:var(--pico-color);font-weight:var(--pico-font-weight);font-size:var(--pico-font-size);line-height:var(--pico-line-height);font-family:var(--pico-font-family);text-underline-offset:var(--pico-text-underline-offset);text-rendering:optimizeLegibility;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{width:100%;margin:0}main{display:block}
|
|
34
|
+
):not(.outline)::before,[data-theme=dark] details summary[role=button].contrast:not(.outline)::after{filter:brightness(0)}[type=checkbox],[type=radio],[type=range],progress{accent-color:var(--pico-primary)}*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}:where(:host),:where(:scope){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--pico-background-color);color:var(--pico-color);font-weight:var(--pico-font-weight);font-size:var(--pico-font-size);line-height:var(--pico-line-height);font-family:var(--pico-font-family);text-underline-offset:var(--pico-text-underline-offset);text-rendering:optimizeLegibility;overflow-wrap:break-word;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{width:100%;margin:0}main{display:block}section{margin-bottom:var(--pico-block-spacing-vertical)}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--pico-spacing);padding-left:var(--pico-spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:1024px){.container{max-width:950px}}@media (min-width:1280px){.container{max-width:1200px}}@media (min-width:1536px){.container{max-width:1450px}}.grid{grid-column-gap:var(--pico-grid-column-gap);grid-row-gap:var(--pico-grid-row-gap);display:grid;grid-template-columns:1fr}@media (min-width:768px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>:not(.does-not-exist){min-width:0;margin-bottom:0}.overflow-auto{overflow:auto}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}address,blockquote,dl,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--pico-typography-spacing-vertical);color:var(--pico-color);font-style:normal;font-weight:var(--pico-font-weight)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--pico-typography-spacing-vertical);color:var(--pico-color);font-weight:var(--pico-font-weight);font-size:var(--pico-font-size);line-height:var(--pico-line-height);font-family:var(--pico-font-family)}h1{--pico-color:var(--pico-h1-color)}h2{--pico-color:var(--pico-h2-color)}h3{--pico-color:var(--pico-h3-color)}h4{--pico-color:var(--pico-h4-color)}h5{--pico-color:var(--pico-h5-color)}h6{--pico-color:var(--pico-h6-color)}:where(article,address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){margin-top:var(--pico-typography-spacing-top)}p{margin-bottom:var(--pico-typography-spacing-vertical)}hgroup{margin-bottom:var(--pico-typography-spacing-vertical)}hgroup>*{margin-top:0;margin-bottom:0}hgroup>:not(:first-child):last-child{--pico-color:var(--pico-muted-color);--pico-font-weight:unset;font-size:1rem}:where(ol,ul) li{margin-bottom:calc(var(--pico-typography-spacing-vertical) * .25)}:where(dl,ol,ul) :where(dl,ol,ul){margin:0;margin-top:calc(var(--pico-typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--pico-mark-background-color);color:var(--pico-mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--pico-typography-spacing-vertical) 0;padding:var(--pico-spacing);border-right:none;border-left:.25rem solid var(--pico-blockquote-border-color);border-inline-start:0.25rem solid var(--pico-blockquote-border-color);border-inline-end:none}blockquote footer{margin-top:calc(var(--pico-typography-spacing-vertical) * .5);color:var(--pico-blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--pico-ins-color);text-decoration:none}del{color:var(--pico-del-color)}::-moz-selection{background-color:var(--pico-text-selection-color)}::selection{background-color:var(--pico-text-selection-color)}:where(a:not([role=button])),[role=link]{--pico-color:var(--pico-primary);--pico-background-color:transparent;--pico-underline:var(--pico-primary-underline);outline:0;background-color:var(--pico-background-color);color:var(--pico-color);-webkit-text-decoration:var(--pico-text-decoration);text-decoration:var(--pico-text-decoration);text-decoration-color:var(--pico-underline);text-underline-offset:0.125em;transition:background-color var(--pico-transition),color var(--pico-transition),box-shadow var(--pico-transition),-webkit-text-decoration var(--pico-transition);transition:background-color var(--pico-transition),color var(--pico-transition),text-decoration var(--pico-transition),box-shadow var(--pico-transition);transition:background-color var(--pico-transition),color var(--pico-transition),text-decoration var(--pico-transition),box-shadow var(--pico-transition),-webkit-text-decoration var(--pico-transition)}:where(a:not([role=button])):is(
|
|
35
35
|
[aria-current]:not([aria-current=false]),:hover,:active,:focus
|
|
36
36
|
),[role=link]:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--pico-color:var(--pico-primary-hover);--pico-underline:var(--pico-primary-hover-underline);--pico-text-decoration:underline}:where(a:not([role=button])):focus-visible,[role=link]:focus-visible{box-shadow:0 0 0 var(--pico-outline-width) var(--pico-primary-focus)}:where(a:not([role=button])).secondary,[role=link].secondary{--pico-color:var(--pico-secondary);--pico-underline:var(--pico-secondary-underline)}:where(a:not([role=button])).secondary:is(
|
|
37
37
|
[aria-current]:not([aria-current=false]),:hover,:active,:focus
|
|
38
38
|
),[role=link].secondary:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--pico-color:var(--pico-secondary-hover);--pico-underline:var(--pico-secondary-hover-underline)}:where(a:not([role=button])).contrast,[role=link].contrast{--pico-color:var(--pico-contrast);--pico-underline:var(--pico-contrast-underline)}:where(a:not([role=button])).contrast:is(
|
|
39
39
|
[aria-current]:not([aria-current=false]),:hover,:active,:focus
|
|
40
|
-
),[role=link].contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--pico-color:var(--pico-contrast-hover);--pico-underline:var(--pico-contrast-hover-underline)}a[role=button]{display:inline-block}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[role=button],[type=button],[type=file]::file-selector-button,[type=reset],[type=submit],button{--pico-background-color:var(--pico-primary-background);--pico-border-color:var(--pico-primary-border);--pico-color:var(--pico-primary-inverse);--pico-box-shadow:var(--pico-button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);border:var(--pico-border-width) solid var(--pico-border-color);border-radius:var(--pico-border-radius);outline:0;background-color:var(--pico-background-color);box-shadow:var(--pico-box-shadow);color:var(--pico-color);font-weight:var(--pico-font-weight);font-size:1rem;line-height:var(--pico-line-height);text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;transition:background-color var(--pico-transition),border-color var(--pico-transition),color var(--pico-transition),box-shadow var(--pico-transition);user-select:none}[role=button]:is(:hover,:active,:focus),[role=button]:is([aria-current]:not([aria-current=false])),[type=button]:is(:hover,:active,:focus),[type=button]:is([aria-current]:not([aria-current=false])),[type=file]::file-selector-button:is(:hover,:active,:focus),[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])),[type=reset]:is(:hover,:active,:focus),[type=reset]:is([aria-current]:not([aria-current=false])),[type=submit]:is(:hover,:active,:focus),[type=submit]:is([aria-current]:not([aria-current=false])),button:is(:hover,:active,:focus),button:is([aria-current]:not([aria-current=false])){--pico-background-color:var(--pico-primary-hover-background);--pico-border-color:var(--pico-primary-hover-border);--pico-box-shadow:var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--pico-color:var(--pico-primary-inverse)}[role=button]:focus,[role=button]:is([aria-current]:not([aria-current=false])):focus,[type=button]:focus,[type=button]:is([aria-current]:not([aria-current=false])):focus,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus,[type=reset]:focus,[type=reset]:is([aria-current]:not([aria-current=false])):focus,[type=submit]:focus,[type=submit]:is([aria-current]:not([aria-current=false])):focus,button:focus,button:is([aria-current]:not([aria-current=false])):focus{--pico-box-shadow:var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--pico-outline-width) var(--pico-primary-focus)}[type=button],[type=reset],[type=submit]{margin-bottom:var(--pico-spacing)}:is(button,[type=submit],[type=button],[role=button]).secondary,[type=file]::file-selector-button,[type=reset]{--pico-background-color:var(--pico-secondary-background);--pico-border-color:var(--pico-secondary-border);--pico-color:var(--pico-secondary-inverse);cursor:pointer}:is(button,[type=submit],[type=button],[role=button]).secondary:is(
|
|
40
|
+
),[role=link].contrast:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){--pico-color:var(--pico-contrast-hover);--pico-underline:var(--pico-contrast-hover-underline)}a[role=button]{display:inline-block}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[role=button],[type=button],[type=file]::file-selector-button,[type=reset],[type=submit],button{--pico-background-color:var(--pico-primary-background);--pico-border-color:var(--pico-primary-border);--pico-color:var(--pico-primary-inverse);--pico-box-shadow:var(--pico-button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--pico-form-element-spacing-vertical) var(--pico-form-element-spacing-horizontal);border:var(--pico-border-width) solid var(--pico-border-color);border-radius:var(--pico-border-radius);outline:0;background-color:var(--pico-background-color);box-shadow:var(--pico-box-shadow);color:var(--pico-color);font-weight:var(--pico-button-font-weight,var(--pico-font-weight));font-size:1rem;line-height:var(--pico-line-height);text-align:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;transition:background-color var(--pico-transition),border-color var(--pico-transition),color var(--pico-transition),box-shadow var(--pico-transition);user-select:none}[role=button]:is(:hover,:active,:focus),[role=button]:is([aria-current]:not([aria-current=false])),[type=button]:is(:hover,:active,:focus),[type=button]:is([aria-current]:not([aria-current=false])),[type=file]::file-selector-button:is(:hover,:active,:focus),[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])),[type=reset]:is(:hover,:active,:focus),[type=reset]:is([aria-current]:not([aria-current=false])),[type=submit]:is(:hover,:active,:focus),[type=submit]:is([aria-current]:not([aria-current=false])),button:is(:hover,:active,:focus),button:is([aria-current]:not([aria-current=false])){--pico-background-color:var(--pico-primary-hover-background);--pico-border-color:var(--pico-primary-hover-border);--pico-box-shadow:var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--pico-color:var(--pico-primary-inverse)}[role=button]:focus,[role=button]:is([aria-current]:not([aria-current=false])):focus,[type=button]:focus,[type=button]:is([aria-current]:not([aria-current=false])):focus,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus,[type=reset]:focus,[type=reset]:is([aria-current]:not([aria-current=false])):focus,[type=submit]:focus,[type=submit]:is([aria-current]:not([aria-current=false])):focus,button:focus,button:is([aria-current]:not([aria-current=false])):focus{--pico-box-shadow:var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--pico-outline-width) var(--pico-primary-focus)}[type=button],[type=reset],[type=submit]{margin-bottom:var(--pico-spacing)}:is(button,[type=submit],[type=button],[role=button]).secondary,[type=file]::file-selector-button,[type=reset]{--pico-background-color:var(--pico-secondary-background);--pico-border-color:var(--pico-secondary-border);--pico-color:var(--pico-secondary-inverse);cursor:pointer}:is(button,[type=submit],[type=button],[role=button]).secondary:is(
|
|
41
41
|
[aria-current]:not([aria-current=false]),:hover,:active,:focus
|
|
42
42
|
),[type=file]::file-selector-button:is(
|
|
43
43
|
[aria-current]:not([aria-current=false]),:hover,:active,:focus
|
|
@@ -125,11 +125,7 @@ button:focus,[type=submit]:focus,[type=button]:focus,[role=button]:focus
|
|
|
125
125
|
in srgb,
|
|
126
126
|
var(--blades-token-secondary) 50%,
|
|
127
127
|
transparent
|
|
128
|
-
)}.
|
|
129
|
-
table,pre,figure,video,iframe,canvas,img,picture,.breakout-item,.breakout-item-max
|
|
130
|
-
),.breakout>:is(
|
|
131
|
-
table,pre,figure,video,iframe,canvas,img,picture,.breakout-item,.breakout-item-max
|
|
132
|
-
){width:-moz-fit-content;width:fit-content;min-width:100%;max-width:min(125%,100dvw);margin-left:50%;transform:translateX(-50%)}.breakout-all>:is(img,picture):not(.does-not-exist),.breakout>:is(img,picture):not(.does-not-exist){min-width:auto}.breakout-all>.breakout-item-max,.breakout>.breakout-item-max{width:min(125%,100dvw)!important}.breakout-all>:is(h2,h3,h4,h5,h6,hr):not([class]){position:relative}.breakout-all>:is(h2,h3,h4,h5,h6,hr):not([class])::before{display:block;position:absolute;background:gray;content:"";opacity:12.5%}.breakout-all>:is(h2,h3,h4,h5,h6):not([class])::before{top:50%;right:100%;width:10em;height:.25em;margin-right:.8ch;transform:translateY(-50%);background:linear-gradient(to left,gray,transparent)}.breakout-all>:is(h2,h3,h4,h5,h6):not([class]):where(hr:not([class]) + *)::before{display:none!important}.breakout-all>:is(hr):not([class]){height:.5rem;overflow:visible;border:none}.breakout-all>:is(hr):not([class])::before{left:50%;width:100dvw;height:100%;transform:translateX(-50%)}.columns{-moz-columns:25ch auto;columns:25ch auto}.columns>*{-moz-column-break-inside:avoid;break-inside:avoid}[href="#top"]{position:fixed;right:0;bottom:0;padding-top:50vh}h1,h2,h3,h4,h5,h6{position:relative}h1 a[aria-hidden=true],h2 a[aria-hidden=true],h3 a[aria-hidden=true],h4 a[aria-hidden=true],h5 a[aria-hidden=true],h6 a[aria-hidden=true]{visibility:hidden;position:absolute;top:50%;right:100%;padding-right:.2ch;transform:translateY(-50%);color:silver;text-decoration:none}@media (hover:hover){h1:hover a[aria-hidden=true],h2:hover a[aria-hidden=true],h3:hover a[aria-hidden=true],h4:hover a[aria-hidden=true],h5:hover a[aria-hidden=true],h6:hover a[aria-hidden=true]{visibility:visible}}ol[style*="--list-marker:"],ul[style*="--list-marker:"]{list-style-type:var(--list-marker)}ol[style*="--list-marker:"]>li,ul[style*="--list-marker:"]>li{list-style-type:inherit}ol li[style*="--list-marker:"],ul li[style*="--list-marker:"]{list-style-type:var(--list-marker)}ol li[data-marker]::marker,ul li[data-marker]::marker{content:attr(data-marker) " "}ol.markerless,ul.markerless{padding-inline-start:1.25rem}ol.markerless li,ul.markerless li{list-style:none}.unlist-all ol,.unlist-all ul,ol.unlist,ol.unlist-all,ul.unlist,ul.unlist-all{padding-inline-start:0}.unlist-all ol>li,.unlist-all ul>li,ol.unlist-all>li,ol.unlist>li,ul.unlist-all>li,ul.unlist>li{list-style:none}th hr{visibility:hidden;width:12ch;height:0;margin:0}th hr.lg{width:18ch}th hr.x2{width:24ch}table.borderless td,table.borderless th{border:none}.breakout-all>table:not(.does-not-exist),.breakout>table:not(.does-not-exist),table.responsive{display:block;width:-moz-max-content;width:max-content;min-width:auto;max-width:100dvw;margin-left:50%;padding-inline:7.5%;overflow-x:auto;transform:translateX(-50%);-webkit-overflow-scrolling:touch}.breakout-all>table:not(.does-not-exist) td,.breakout-all>table:not(.does-not-exist) th,.breakout>table:not(.does-not-exist) td,.breakout>table:not(.does-not-exist) th,table.responsive td,table.responsive th{padding-inline-start:0}@media (width < 768px){pre{border-radius:0}}code[data-caption]::before{display:block;margin-bottom:1rem;content:attr(data-caption);font-style:italic;opacity:50%}/*!
|
|
128
|
+
)}.columns{-moz-columns:25ch auto;columns:25ch auto}.columns>*{-moz-column-break-inside:avoid;break-inside:avoid}@media (width < 768px){pre{border-radius:0}}code[data-caption]::before{display:block;margin-bottom:1rem;content:attr(data-caption);font-style:italic;opacity:50%}/*!
|
|
133
129
|
* Float Label CSS v2 by Blades CSS 🥷🏷️
|
|
134
130
|
* Copyright 2016–2026 (https://blades.ninja/css/float-label/)
|
|
135
131
|
* Licensed under MIT
|
|
@@ -153,4 +149,34 @@ input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
|
153
149
|
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
154
150
|
):has(:placeholder-shown:not(:focus)) label,label:has(> span):has(
|
|
155
151
|
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
156
|
-
):has(:placeholder-shown:not(:focus))>span{font-size:inherit;opacity:50%}
|
|
152
|
+
):has(:placeholder-shown:not(:focus))>span{font-size:inherit;opacity:50%}.has-float-label label,.has-float-label>span,label:has(> span):has(
|
|
153
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
154
|
+
) label,label:has(> span):has(
|
|
155
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
156
|
+
)>span{padding-inline-start:calc(1rem + 1px);padding-block-start:0.25rem;opacity:75%;transition:all .25s}.has-float-label input,.has-float-label select,.has-float-label textarea,label:has(> span):has(
|
|
157
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
158
|
+
) input,label:has(> span):has(
|
|
159
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
160
|
+
) select,label:has(> span):has(
|
|
161
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
162
|
+
) textarea{margin-block-start:0;padding-inline-start:1rem;padding-block:1.125rem 0.375rem}.has-float-label input::-moz-placeholder,.has-float-label select::-moz-placeholder,.has-float-label textarea::-moz-placeholder,label:has(> span):has(
|
|
163
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
164
|
+
) input::-moz-placeholder,label:has(> span):has(
|
|
165
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
166
|
+
) select::-moz-placeholder,label:has(> span):has(
|
|
167
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
168
|
+
) textarea::-moz-placeholder{opacity:100%;-moz-transition:all .25s;transition:all .25s}.has-float-label input::placeholder,.has-float-label select::placeholder,.has-float-label textarea::placeholder,label:has(> span):has(
|
|
169
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
170
|
+
) input::placeholder,label:has(> span):has(
|
|
171
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
172
|
+
) select::placeholder,label:has(> span):has(
|
|
173
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
174
|
+
) textarea::placeholder{opacity:100%;transition:all .25s}.has-float-label:has(:-moz-placeholder:not(:focus)) label,.has-float-label:has(:-moz-placeholder:not(:focus))>span,label:has(> span):has(
|
|
175
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
176
|
+
):has(:-moz-placeholder:not(:focus)) label,label:has(> span):has(
|
|
177
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
178
|
+
):has(:-moz-placeholder:not(:focus))>span{padding-block:0.75rem}.has-float-label:has(:placeholder-shown:not(:focus)) label,.has-float-label:has(:placeholder-shown:not(:focus))>span,label:has(> span):has(
|
|
179
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
180
|
+
):has(:placeholder-shown:not(:focus)) label,label:has(> span):has(
|
|
181
|
+
input:not([type=checkbox],[type=radio],[type=range]),textarea,select
|
|
182
|
+
):has(:placeholder-shown:not(:focus))>span{padding-block:0.75rem}a:not(.does-not-exist):has(> i){display:inline-flex;overflow-y:clip;gap:.375ch;text-wrap:balance}a:not(.does-not-exist)>i{float:left;font-style:normal;text-underline-offset:-2em}a:not(.does-not-exist)>i>img{display:inline-block;max-width:none;height:1.25em;margin-block-start:calc(-0.25em / 2)}a:not(.does-not-exist)>i[class*=" fa-"],a:not(.does-not-exist)>i[class^=fa-]{line-height:inherit;--fa-width:auto}a:not(.does-not-exist)>i.fa-lg{line-height:normal}.has-timeline>dl dd,dl.timeline dd{margin-block:0;padding:.25rem 0 .75rem 1rem;border-inline-start:0.25rem solid var(--blades-timeline-border-color)}.pico[data-compact],:host([data-compact]),:host([data-compact]) [data-theme],[data-compact],[data-compact] :is([data-theme],.pico){--pico-border-radius:0.5rem;--pico-outline-width:0.1875rem;--pico-block-spacing-vertical:1.5rem;--pico-block-spacing-horizontal:1.5rem;--pico-form-element-spacing-vertical:0.375rem;--pico-form-element-spacing-horizontal:0.75rem;--pico-form-label-font-weight:500;--pico-button-font-weight:500;--pico-form-element-background-color:light-dark(#fff, rgb(28, 33, 43.5));--pico-card-border-color:var(--pico-muted-border-color);--pico-card-box-shadow:0 0 0 var(--pico-border-width) var(--pico-card-border-color),0 1px 2px rgba(0, 0, 0, 0.05);--pico-card-sectioning-background-color:var(--pico-card-background-color)}[data-compact]:is([role=search],[type=search]){--pico-border-radius:5rem}:host([data-compact]),:root[data-compact]{--pico-font-size:100%}:host([data-compact]) :is(h1,h2,h3,h4,h5,h6),[data-compact] :is(h1,h2,h3,h4,h5,h6){--pico-font-weight:600}:host([data-compact]) :where(input,select,textarea,fieldset,.grid)+small,[data-compact] :where(input,select,textarea,fieldset,.grid)+small{font-weight:var(--pico-font-weight)}
|