landsoul 0.2.3 → 0.3.0

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 (3) hide show
  1. package/README.md +12 -3
  2. package/dist/landsoul.css +1 -1
  3. package/package.json +5 -5
package/README.md CHANGED
@@ -3,13 +3,15 @@
3
3
  [![](https://badgen.net/packagephobia/install/landsoul)](https://packagephobia.com/result?p=landsoul)
4
4
  [![](https://img.shields.io/npm/v/landsoul)](https://www.npmjs.com/package/landsoul)
5
5
 
6
- A classless CSS library (IE11 is not supported)
6
+ A classless CSS library (IE11 is not supported).
7
+
8
+ > i.e. Style applied to HTML tags directly.
7
9
 
8
10
  Preview: <https://yieldray.github.io/landsoul/>
9
11
 
10
12
  # Usage
11
13
 
12
- To enable dark mode, use `prefers-color-scheme: dark` or `body[data-theme="dark"]`
14
+ To enable dark mode, use `body[data-theme="dark"]`
13
15
 
14
16
  ```html
15
17
  <link rel="stylesheet" href="https://unpkg.com/landsoul" />
@@ -18,6 +20,14 @@ To enable dark mode, use `prefers-color-scheme: dark` or `body[data-theme="dark"
18
20
  <body data-theme="dark"></body>
19
21
  ```
20
22
 
23
+ Or if you target to Chrome>=123, you can use `color-scheme`
24
+
25
+ ```css
26
+ :root {
27
+ color-scheme: dark;
28
+ }
29
+ ```
30
+
21
31
  Use with CSS [@layer](https://developer.mozilla.org/en-US/docs/Web/CSS/@layer), this allows landsoul styles to be easily overridden.
22
32
 
23
33
  ```css
@@ -52,7 +62,6 @@ Use Node.js LTS version.
52
62
  ```bash
53
63
  $ npm install
54
64
  $ npm run dev
55
- # xdg-open index.html
56
65
  ```
57
66
 
58
67
  ## build
package/dist/landsoul.css CHANGED
@@ -1 +1 @@
1
- body{--landsoul-bg:#fff;--landsoul-text:#262626;--landsoul-text-on-shadow:#5a5a5a;--landsoul-shadow:#ebebeb;--landsoul-shadow-active:#bfbfbf;--landsoul-accent:#2e72f0;--landsoul-border:#e3e4e8}body[data-theme=dark]{--landsoul-bg:#202021;--landsoul-text:#e7e7e7;--landsoul-text-on-shadow:silver;--landsoul-shadow:#353e5a;--landsoul-shadow-active:#4a5670;--landsoul-accent:#4a90ff;--landsoul-border:#2b414f}@media screen and (prefers-color-scheme:dark){body{--landsoul-bg:#202021;--landsoul-text:#e7e7e7;--landsoul-text-on-shadow:silver;--landsoul-shadow:#353e5a;--landsoul-shadow-active:#4a5670;--landsoul-accent:#4a90ff;--landsoul-border:#2b414f}}body{--landsoul-time:0.25s;--landsoul-radius:0.4rem;--landsoul-radius-active:0.6rem;--landsoul-gradient:linear-gradient(#ccfcf7,#c4eae9,#bbd8db,#b3c6cd,#aab4bf)}a{background-color:transparent}progress{vertical-align:baseline;width:8rem}body{background-color:var(--landsoul-bg);color:var(--landsoul-text);font-family:Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;transition:color var(--landsoul-time),background-color var(--landsoul-time)}a{color:var(--landsoul-accent);-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:underline;text-decoration:underline}h1{font-size:2.5rem}h2{font-size:2.25rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}a[href^="#"] h1,a[href^="#"] h2,a[href^="#"] h3,a[href^="#"] h4,a[href^="#"] h5,a[href^="#"] h6{color:var(--landsoul-text)}a[href^="#"] h1:before,a[href^="#"] h2:before,a[href^="#"] h3:before,a[href^="#"] h4:before,a[href^="#"] h5:before,a[href^="#"] h6:before{color:var(--landsoul-accent);content:"#";margin-right:.3rem}h1,h2,h3,h4,h5,h6{color:inherit;margin:0;padding:0}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{background-color:var(--landsoul-shadow);border-radius:var(--landsoul-radius);font-weight:lighter;margin-left:.25rem;padding:0 .25rem}button,input,select,textarea{background-color:var(--landsoul-shadow);color:var(--landsoul-text-on-shadow);-webkit-tap-highlight-color:transparent}button,input[type=button],input[type=reset],input[type=submit],select{transition:filter var(--landsoul-time)}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,select:hover{filter:contrast(.94)}button,input[type=button],input[type=reset],input[type=submit],select{color:var(--landsoul-text);cursor:pointer}button,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{transition:filter var(--landsoul-time)}button:hover,input:not([type=checkbox]):not([type=radio]):not([type=range]):hover,select:hover,textarea:hover{filter:contrast(.94)}button,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border:none;border-radius:var(--landsoul-radius);padding:.25rem .5rem}button:focus-within,input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-within,select:focus-within,textarea:focus-within{outline:var(--landsoul-text) solid .01rem}textarea{border:none;min-height:2rem;min-width:2rem}[disabled],input[disabled]{cursor:not-allowed;opacity:.5}label:not(:has([disabled])){cursor:pointer}select{color:var(--landsoul-text);interpolate-size:allow-keywords;transition:width var(--landsoul-time) ease,height var(--landsoul-time) ease}select,select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select::picker(select){background-color:var(--landsoul-shadow);border:1px solid var(--landsoul-border);border-radius:var(--landsoul-radius-active);box-shadow:0 0 0 1px var(--landsoul-border),0 2px 2px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.2);padding:.25rem;transition:display .5s allow-discrete,overlay .5s allow-discrete,opacity var(--landsoul-time) ease,transform .5s ease-in-out}select:not(:open)::picker(select){opacity:0;transform:scale(.95);transition-duration:.1s}select:open::picker(select){opacity:1}select::picker-icon{opacity:.75;transition:opacity var(--landsoul-time) ease,transform var(--landsoul-time) ease}select:hover::picker-icon{opacity:1}select:focus-visible::picker-icon{opacity:1}select:open::picker-icon{opacity:1;transform:rotateX(.5turn)}select optgroup{color:rgb(from var(--landsoul-text) r g b/.5);cursor:default;font-weight:500}select option{border-radius:var(--landsoul-radius);color:var(--landsoul-text);cursor:pointer;font-weight:400;padding:0 1rem 0 .75rem;transition:background-color var(--landsoul-time) ease,outline-offset var(--landsoul-time) ease}select option:focus-visible{outline:2px solid rgb(from var(--landsoul-accent) r g b/.5);outline-offset:-2px}select option:checked{background-color:var(--landsoul-accent);color:var(--landsoul-bg)}select option:checked::checkmark{color:var(--landsoul-bg)}select option:first-child{margin-top:.25rem}select[multiple] option{padding:.25rem 1.25rem}select[multiple] option:not(:first-child){margin-top:2px}input[type=checkbox],input[type=radio]{--size:1.25rem;all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;height:var(--size);opacity:.8;position:relative;transition:all var(--landsoul-time);vertical-align:text-bottom}input[type=checkbox]:hover,input[type=radio]:hover{opacity:1}input[type=checkbox]{background:var(--landsoul-shadow);border-radius:1rem;width:calc(var(--size)*1.75)}input[type=checkbox]:after{background:var(--landsoul-bg);border-radius:50%;content:"";display:inline-block;height:calc(var(--size)*.8);left:calc(var(--size)*.1);position:absolute;top:calc(var(--size)*.1);transition:all .4s;width:calc(var(--size)*.8)}input[type=checkbox]:checked{background:var(--landsoul-accent)}input[type=checkbox]:checked:after{content:"";left:100%;position:absolute;transform:translateX(calc(-100% - var(--size)*.1))}input[type=radio]{border:solid calc(var(--size)*.1) var(--landsoul-shadow);border-radius:50%;width:var(--size)}input[type=radio]:after{background:var(--landsoul-accent);border-radius:50%;content:"";display:inline-block;height:calc(var(--size)*.6);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--landsoul-time);width:calc(var(--size)*.6)}input[type=radio]:checked:after{opacity:1}input[type=range]{-webkit-appearance:none;background-color:transparent;border-radius:1rem;cursor:pointer;height:.3rem;vertical-align:baseline}input[type=range]::-webkit-slider-runnable-track{background-color:var(--landsoul-shadow);border-radius:1rem;height:.15rem;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--landsoul-bg);border:.2rem solid var(--landsoul-border);border-radius:50%;cursor:grab;height:1rem;transform:translateY(-.4rem) scale(.8);-webkit-transition:transform .2s;transition:transform .2s;width:1rem}input[type=range]::-webkit-slider-thumb:active{transform:translateY(-.4rem) scale(1)}input[type=range]::-moz-range-progress{background-color:var(--landsoul-accent);height:.1rem}input[type=range]::-moz-range-track{background-color:var(--landsoul-shadow);height:.15rem;width:100%}input[type=range]::-moz-range-thumb{-moz-appearance:none;background-color:var(--landsoul-bg);border:.2rem solid var(--landsoul-border);border-radius:50%;cursor:grab;height:1rem;transform:scale(.8);-moz-transition:transform .2s;transition:transform .2s;width:1rem}input[type=range]::-moz-range-thumb:active{transform:scale(1)}table{border-collapse:collapse;border-radius:var(--landsoul-radius-active);border-spacing:0;box-sizing:border-box;display:inline-block;max-width:100%;overflow:auto}table caption{padding:.5rem}table tfoot th,table thead th{background-color:var(--landsoul-shadow);padding-bottom:.75rem;padding-top:.75rem;position:sticky;z-index:0}table thead th{top:0}table tfoot th{bottom:0}table:has(tbody>tr>th:first-child) th:first-child{background-color:var(--landsoul-shadow);left:0;position:sticky;z-index:1}table:has(tbody>tr>th:first-child) tfoot th:first-child,table:has(tbody>tr>th:first-child) thead th:first-child{z-index:2}table tbody{white-space:nowrap}table tbody tr{background-color:var(--landsoul-bg)}table td,table th{padding:.25rem .5rem}table{outline:2px solid var(--landsoul-border);outline-offset:-2px}td,th{outline:1px solid var(--landsoul-border);outline-offset:-1px}figure{display:flex;flex-flow:column;margin:auto}figure img{max-width:100%}figure figcaption{font-size:.75rem;margin:.5rem}details{padding-bottom:0;interpolate-size:allow-keywords;-webkit-tap-highlight-color:transparent}details summary{background-color:var(--landsoul-shadow);border-radius:var(--landsoul-radius-active);cursor:pointer;padding:.5rem calc(.75rem + 8px) .5rem .5rem;position:relative}details summary::marker{content:""}details summary:after{border-right:1.5px solid;border-top:1.5px solid;content:"";height:5px;position:absolute;right:8px;rotate:45deg;top:50%;transition:rotate .1s;translate:-50% -50%;width:5px}details::details-content{height:0;overflow:hidden;transition:height .2s,content-visibility .2s;transition-behavior:allow-discrete}details:open summary:after{rotate:135deg}details:open::details-content{height:auto}dialog{background-color:var(--landsoul-bg);border:1px solid var(--landsoul-shadow);border-radius:2rem;color:var(--landsoul-text);overflow:auto;padding:1rem;width:min(260px,100vw - 2px)}progress{--height:0.5rem;background-color:var(--landsoul-shadow);border:none;border-radius:.5rem;border-radius:var(--height);color:var(--landsoul-accent);height:.5rem;height:var(--height);line-height:.5rem;line-height:var(--height);overflow:hidden}progress::-moz-progress-bar{background-color:var(--landsoul-accent)}progress::-webkit-progress-bar{background-color:var(--landsoul-shadow)}progress::-webkit-progress-value{background-color:var(--landsoul-accent)}::-webkit-meter-bar{background-color:var(--landsoul-shadow);border:none}hr{border:none;border-top:.15rem solid var(--landsoul-border)}blockquote{border-left:.25rem solid var(--landsoul-shadow);font-style:italic;margin:.5rem 0;padding:.5rem 1rem}code,kbd,pre{background-color:var(--landsoul-shadow);border-radius:var(--landsoul-radius)}code,kbd,pre,samp{font-family:Consolas,monospace}code,kbd{padding:.05rem .2rem}pre{box-sizing:border-box;max-width:100%;overflow:auto;padding:.5rem .75rem}kbd{border:solid rgba(0,0,0,.05);border-width:.1rem .1rem .2rem}fieldset,iframe{border:.15rem solid var(--landsoul-border);border-radius:var(--landsoul-radius-active)}
1
+ body{--landsoul-bg:#fff}@supports (color:light-dark(white,black)){body{--landsoul-bg:light-dark(#fff,#202021)}}body[data-theme=dark]{--landsoul-bg:#202021}body{--landsoul-text:#262626}@supports (color:light-dark(white,black)){body{--landsoul-text:light-dark(#262626,#e7e7e7)}}body[data-theme=dark]{--landsoul-text:#e7e7e7}body{--landsoul-inverse-text:#fff}@supports (color:light-dark(white,black)){body{--landsoul-inverse-text:light-dark(#fff,#262626)}}body[data-theme=dark]{--landsoul-inverse-text:#262626}body{--landsoul-text-on-surface:#5a5a5a}@supports (color:light-dark(white,black)){body{--landsoul-text-on-surface:light-dark(#5a5a5a,silver)}}body[data-theme=dark]{--landsoul-text-on-surface:silver}body{--landsoul-surface:#ebebeb}@supports (color:light-dark(white,black)){body{--landsoul-surface:light-dark(#ebebeb,#353e5a)}}body[data-theme=dark]{--landsoul-surface:#353e5a}body{--landsoul-surface-active:#bfbfbf}@supports (color:light-dark(white,black)){body{--landsoul-surface-active:light-dark(#bfbfbf,#4a5670)}}body[data-theme=dark]{--landsoul-surface-active:#4a5670}body{--landsoul-accent:#2e72f0}@supports (color:light-dark(white,black)){body{--landsoul-accent:light-dark(#2e72f0,#4a90ff)}}body[data-theme=dark]{--landsoul-accent:#4a90ff}body{--landsoul-danger:#e03e2f}@supports (color:light-dark(white,black)){body{--landsoul-danger:light-dark(#e03e2f,#ff5c4a)}}body[data-theme=dark]{--landsoul-danger:#ff5c4a}body{--landsoul-border:#e3e4e8}@supports (color:light-dark(white,black)){body{--landsoul-border:light-dark(#e3e4e8,#2b414f)}}body[data-theme=dark]{--landsoul-border:#2b414f}body{--landsoul-0-1:rgba(0,0,0,.1)}@supports (color:light-dark(white,black)){body{--landsoul-0-1:light-dark(rgba(0,0,0,.1),hsla(0,0%,100%,.1))}}body[data-theme=dark]{--landsoul-0-1:hsla(0,0%,100%,.1)}body{--landsoul-0-2:rgba(0,0,0,.2)}@supports (color:light-dark(white,black)){body{--landsoul-0-2:light-dark(rgba(0,0,0,.2),hsla(0,0%,100%,.2))}}body[data-theme=dark]{--landsoul-0-2:hsla(0,0%,100%,.2)}body{--landsoul-duration:0.25s;--landsoul-radius:0.4rem;--landsoul-radius-active:0.6rem;--landsoul-gradient:linear-gradient(#ccfcf7,#c4eae9,#bbd8db,#b3c6cd,#aab4bf);--landsoul-box-shadow:0 0 0 0.0625rem var(--landsoul-border),0 0 0.125rem var(--landsoul-0-1),0 0 1rem var(--landsoul-0-2)}a{background-color:transparent}progress{vertical-align:baseline;width:8rem}body{background-color:var(--landsoul-bg);color:var(--landsoul-text);font-family:Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px}*{transition:color var(--landsoul-duration),background-color var(--landsoul-duration),border-color var(--landsoul-duration),outline-color var(--landsoul-duration)}a{color:var(--landsoul-accent);-webkit-tap-highlight-color:transparent;-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:underline;text-decoration:underline}h1{font-size:2.5rem}h2{font-size:2.25rem}h3{font-size:2rem}h4{font-size:1.75rem}h5{font-size:1.5rem}h6{font-size:1.25rem}a[href^="#"] h1,a[href^="#"] h2,a[href^="#"] h3,a[href^="#"] h4,a[href^="#"] h5,a[href^="#"] h6{color:var(--landsoul-text)}a[href^="#"] h1:before,a[href^="#"] h2:before,a[href^="#"] h3:before,a[href^="#"] h4:before,a[href^="#"] h5:before,a[href^="#"] h6:before{color:var(--landsoul-accent);content:"#";margin-right:.3rem}h1,h2,h3,h4,h5,h6{color:inherit;margin:0;padding:0}h1>small,h2>small,h3>small,h4>small,h5>small,h6>small{background-color:var(--landsoul-surface);border-radius:var(--landsoul-radius);font-weight:lighter;margin-left:.25rem;padding:0 .25rem}button,input,select,textarea{background-color:var(--landsoul-surface);color:var(--landsoul-text-on-surface);-webkit-tap-highlight-color:transparent}button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]){transition:filter var(--landsoul-duration)}button:not([disabled]):hover,input:not([disabled]):hover,select:not([disabled]):hover,textarea:not([disabled]):hover{filter:contrast(.94)}button,input[type=button],input[type=reset],input[type=submit],select{color:var(--landsoul-text);cursor:pointer}button,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{border:none;border-radius:var(--landsoul-radius);outline-offset:0;padding:.25rem .5rem;transition:outline-offset var(--landsoul-duration) ease}button:focus-within,input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-within,select:focus-within,textarea:focus-within{outline:var(--landsoul-text) solid .0625rem;outline-offset:-.0625rem}textarea{border:none;min-height:2rem;min-width:2rem}[disabled],input[disabled]{cursor:not-allowed;opacity:.5}label:not(:has([disabled])){cursor:pointer}select{color:var(--landsoul-text);interpolate-size:allow-keywords;transition:width var(--landsoul-duration) ease,height var(--landsoul-duration) ease}select,select::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select::picker(select){background-color:var(--landsoul-surface);border:.0625rem solid var(--landsoul-border);border-radius:var(--landsoul-radius-active);box-shadow:var(--landsoul-box-shadow);padding:.25rem;transition:display .5s allow-discrete,overlay .5s allow-discrete,opacity var(--landsoul-duration) ease,transform .5s ease-in-out}select:not(:open)::picker(select){opacity:0;transform:scale(.95);transition-duration:.1s}select:open::picker(select){opacity:1}select::picker-icon{opacity:.75;transition:opacity var(--landsoul-duration) ease,transform var(--landsoul-duration) ease}select:hover::picker-icon{opacity:1}select:focus-visible::picker-icon{opacity:1}select:open::picker-icon{opacity:1;transform:180deg}select optgroup{color:rgb(from var(--landsoul-text) r g b/.5);cursor:default;font-weight:500}select option{border-radius:var(--landsoul-radius);color:var(--landsoul-text);cursor:pointer;font-weight:400;padding:0 1rem 0 .75rem;transition:background-color var(--landsoul-duration) ease,outline-offset var(--landsoul-duration) ease}select option:focus-visible{outline:.125rem solid rgb(from var(--landsoul-accent) r g b/.5);outline-offset:-.125rem}select option:checked{background-color:var(--landsoul-accent);color:var(--landsoul-bg)}select option:checked::checkmark{color:var(--landsoul-bg)}select option:first-child{margin-top:.25rem}select[multiple] option{padding:.25rem 1.25rem}select[multiple] option:not(:first-child){margin-top:.0625rem}input[type=checkbox],input[type=radio]{--size:1.25rem;all:unset;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;display:inline-block;height:1.25rem;height:var(--size);opacity:.8;position:relative;transition:all var(--landsoul-duration);vertical-align:text-bottom}input[type=checkbox]:hover,input[type=radio]:hover{opacity:1}input[type=checkbox]{background:var(--landsoul-surface);border-radius:1rem;width:calc(var(--size)*1.75)}input[type=checkbox]:after{background:var(--landsoul-bg);border-radius:50%;content:"";display:inline-block;height:calc(var(--size)*.8);left:calc(var(--size)*.1);position:absolute;top:calc(var(--size)*.1);transition:all .4s;width:calc(var(--size)*.8)}input[type=checkbox]:checked{background:var(--landsoul-accent)}input[type=checkbox]:checked:after{content:"";left:100%;position:absolute;transform:translateX(calc(-100% - var(--size)*.1))}input[type=radio]{border:solid calc(var(--size)*.1) var(--landsoul-surface);border-radius:50%;width:var(--size)}input[type=radio]:after{background:var(--landsoul-accent);border-radius:50%;content:"";display:inline-block;height:calc(var(--size)*.6);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity calc(var(--landsoul-duration)*.5);width:calc(var(--size)*.6)}input[type=radio]:checked:after{opacity:1}input[type=range]{-webkit-appearance:none;background-color:transparent;border-radius:1rem;cursor:pointer;height:.3rem;outline-offset:0;transition:outline-offset var(--landsoul-duration) ease;vertical-align:baseline}input[type=range]:focus-within{outline:var(--landsoul-text) solid .0625rem;outline-offset:-.0625rem}input[type=range]::-webkit-slider-runnable-track{background-color:var(--landsoul-surface);border-radius:1rem;height:.15rem;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--landsoul-bg);border:.2rem solid var(--landsoul-border);border-radius:50%;cursor:grab;height:1rem;transform:translateY(-.4rem) scale(.8);-webkit-transition:transform var(--landsoul-duration);transition:transform var(--landsoul-duration);width:1rem}input[type=range]::-webkit-slider-thumb:active{transform:translateY(-.4rem) scale(1)}input[type=range]::-moz-range-progress{background-color:var(--landsoul-accent);height:.1rem}input[type=range]::-moz-range-track{background-color:var(--landsoul-surface);height:.15rem;width:100%}input[type=range]::-moz-range-thumb{-moz-appearance:none;background-color:var(--landsoul-bg);border:.2rem solid var(--landsoul-border);border-radius:50%;cursor:grab;height:1rem;transform:scale(.8);-moz-transition:transform var(--landsoul-duration);transition:transform var(--landsoul-duration);width:1rem}input[type=range]::-moz-range-thumb:active{transform:scale(1)}table{border-collapse:collapse;border-radius:var(--landsoul-radius-active);border-spacing:0;box-sizing:border-box;display:inline-block;max-width:100%;overflow:auto}table caption{padding:.5rem}table tfoot th,table thead th{background-color:var(--landsoul-surface);padding-bottom:.75rem;padding-top:.75rem;position:sticky;z-index:0}table thead th{top:0}table tfoot th{bottom:0}table:has(tbody>tr>th:first-child) th:first-child{background-color:var(--landsoul-surface);left:0;position:sticky;z-index:1}table:has(tbody>tr>th:first-child) tfoot th:first-child,table:has(tbody>tr>th:first-child) thead th:first-child{z-index:2}table tbody{white-space:nowrap}table tbody tr{background-color:var(--landsoul-bg)}table td,table th{padding:.25rem .5rem}table{outline:.125rem solid var(--landsoul-border);outline-offset:-.125rem}td,th{outline:.0625rem solid var(--landsoul-border);outline-offset:-.0625rem}figure{display:flex;flex-flow:column;margin:auto}figure img{max-width:100%}figure figcaption{font-size:.75rem;margin:.5rem}details{padding-bottom:0;interpolate-size:allow-keywords;-webkit-tap-highlight-color:transparent}details summary{background-color:var(--landsoul-surface);border-radius:var(--landsoul-radius-active);cursor:pointer;outline-offset:-.125rem;padding:.5rem 1.25rem .5rem .5rem;position:relative}details summary::marker{content:""}details summary:after{border-right:.125rem solid;border-top:.125rem solid;content:"";height:.3125rem;position:absolute;right:.5rem;rotate:45deg;top:50%;transition:rotate .1s;translate:-50% -50%;width:.3125rem}details::details-content{height:0;opacity:0;overflow:hidden;transition:height .2s,content-visibility .2s,opacity .2s;transition-behavior:allow-discrete}details:open summary:after{rotate:135deg}details:open::details-content{height:auto;opacity:1}dialog{background-color:var(--landsoul-bg);border:.0625rem solid var(--landsoul-surface);border-radius:2rem;box-shadow:var(--landsoul-box-shadow);color:var(--landsoul-text);overflow:auto;padding:1rem;width:min(260px,100vw - 2px)}progress{--height:0.5rem;background-color:var(--landsoul-surface);border:none;border-radius:.5rem;border-radius:var(--height);color:var(--landsoul-accent);height:.5rem;height:var(--height);line-height:.5rem;line-height:var(--height);overflow:hidden}progress::-moz-progress-bar{background-color:var(--landsoul-accent)}progress::-webkit-progress-bar{background-color:var(--landsoul-surface)}progress::-webkit-progress-value{background-color:var(--landsoul-accent)}::-webkit-meter-bar{background-color:var(--landsoul-surface);border:none}hr{border:none;border-top:.15rem solid var(--landsoul-border)}blockquote{border-left:.25rem solid var(--landsoul-surface);font-style:italic;margin:.5rem 0;padding:.5rem 1rem}code,kbd,pre{background-color:var(--landsoul-surface);border-radius:var(--landsoul-radius)}code,kbd,pre,samp{font-family:Consolas,monospace}code,kbd{padding:.05rem .2rem}pre{box-sizing:border-box;max-width:100%;overflow:auto;padding:.5rem .75rem}kbd{border:solid rgba(0,0,0,.05);border-width:.1rem .1rem .2rem}fieldset,iframe{border:.15rem solid var(--landsoul-border);border-radius:var(--landsoul-radius-active)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "landsoul",
3
- "version": "0.2.3",
3
+ "version": "0.3.0",
4
4
  "type": "module",
5
5
  "description": "drop in css library landsoul",
6
6
  "main": "./dist/landsoul.css",
@@ -29,12 +29,12 @@
29
29
  "registry": "https://registry.npmjs.org"
30
30
  },
31
31
  "devDependencies": {
32
- "@types/node": "^24.9.1",
33
- "autoprefixer": "^10.4.21",
34
- "cssnano": "^7.1.1",
32
+ "@types/node": "^24.10.1",
33
+ "autoprefixer": "^10.4.22",
34
+ "cssnano": "^7.1.2",
35
35
  "postcss": "^8.5.6",
36
36
  "postcss-cli": "^11.0.1",
37
37
  "postcss-preset-env": "^10.4.0",
38
- "sass": "^1.93.2"
38
+ "sass": "^1.94.2"
39
39
  }
40
40
  }