diff --git a/README.md b/README.md index d082480..2770c11 100644 --- a/README.md +++ b/README.md @@ -61,6 +61,11 @@ If you feel awesome and want to support us in a small way, please consider starr npm Color palettes and styles for the project. + + media + npm + Comprehensive CSS media query helpers for responsive web design. + ## Contributing diff --git a/base.css b/base.css index 2b9fcbd..18368af 100644 --- a/base.css +++ b/base.css @@ -1,3 +1,3 @@ -/*! style-forge.base 2025.1.6 | MIT License | https://github.com/Style-Forge/base */ +/*! style-forge.base 2025.1.8 | MIT License | https://github.com/Style-Forge/base */ :root{--sf-ff:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';--sf-lh:0.8;--sf-lh-normal:1.1875;--sf-table-gap-x:0.7em;--sf-table-gap-y:0.4em;--sf-fw:400;--sf-fw-h1:700;--sf-fw-h2:700;--sf-fw-h3:700;--sf-fw-h4:600;--sf-fw-h5:600;--sf-fw-h6:600;--sf-fw-bold:600;--sf-fw-small:300;--sf-fz:1rem;--sf-fz-h1:3rem;--sf-fz-h2:2.5rem;--sf-fz-h3:2rem;--sf-fz-h4:1.5rem;--sf-fz-h5:1.25rem;--sf-fz-h6:1rem;--sf-fz-bold:1rem;--sf-fz-small:0.75rem;--sf-disabled:0.4;--sf-c-link:225 73% 57%;--sf-c-txt:0 0% 10%;--sf-c-bg:0 0% 100%;--sf-c-shape-bg:0 0% 90%;--sf-c-backdrop:0 0% 10%;--sf-table-c-bd:0 0% 75%}*,*::before,*::after{z-index:0;box-sizing:inherit}::-ms-backdrop{background:hsl(var(--sf-c-backdrop)/20%)}::backdrop{background:hsl(var(--sf-c-backdrop)/20%)}html{font-family:var(--sf-ff);font-size:var(--sf-fz);font-weight:var(--sf-fw);line-height:var(--sf-lh);color:hsl(var(--sf-c-txt));background:hsl(var(--sf-c-bg));min-width:320px;height:100%;box-sizing:border-box;font-stretch:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100%;margin:0 auto}figure{margin:0}hr{width:100%;margin:1em 0}pre{overflow:auto;padding:1.25em 1.5em;background:hsl(var(--sf-c-shape-bg))}ol,ul{margin:0 0 0 2em;padding:0}dt{font-weight:700}dd{margin-left:2em}blockquote{margin:0 2em}details[open]>summary:first-of-type{list-style-type:disclosure-open}summary{cursor:pointer;display:list-item;counter-increment:list-item 0;list-style:inside disclosure-closed}video{width:100%;height:100%}img{max-width:100%;max-height:100%;text-anchor:middle;-o-object-fit:contain;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}iframe,img{border:0}html.var{font-family:Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-size:16px;font-weight:400;line-height:0.8;color:hsl(0,0%,10%);background:hsl(0,0%,100%)}html.var pre{background:hsl(0,0%,90%)}html.var ::-ms-backdrop{background:hsla(0,0%,10%,0.2)}html.var ::backdrop{background:hsla(0,0%,10%,0.2)}dialog[open]{z-index:1000}article,aside,details,dialog[open],figure,footer,header,hgroup,main,nav,section{display:block}meter,progress{display:inline-block}audio,bdi,canvas,data,embed,mark,output,picture,svg,time,video,wbr{display:inline}[hidden],datalist,dialog,source,template,track{display:none !important}h1,h2,h3,h4,h5,h6,pre,ruby,address,blockquote,dd,dt,li,p,figure,details{font-size:inherit;line-height:var(--sf-lh-normal)}small,sub,sup{font-size:var(--sf-fz-small);font-weight:var(--sf-fw-small)}h1{font-size:var(--sf-fz-h1);font-weight:var(--sf-fw-h1);margin:0.8em 0 0.4em}h2{font-size:var(--sf-fz-h2);font-weight:var(--sf-fw-h2);margin:0.9em 0 0.45em}h3{font-size:var(--sf-fz-h3);font-weight:var(--sf-fw-h3);margin:1em 0 0.5em}h4{font-size:var(--sf-fz-h4);font-weight:var(--sf-fw-h4);margin:1.1em 0 0.55em}h5{font-size:var(--sf-fz-h5);font-weight:var(--sf-fw-h5);margin:1.2em 0 0.6em}h6{font-size:var(--sf-fz-h6);font-weight:var(--sf-fw-h6);margin:1.3em 0 0.65em}p{margin:0}pre,code,kbd,samp,time{font-family:monospace,monospace}b,strong{font-weight:var(--sf-fw-bold)}html.var h1,html.var h2,html.var h3,html.var h4,html.var h5,html.var h6,html.var pre,html.var ruby,html.var address,html.var blockquote,html.var dd,html.var dt,html.var li,html.var p,html.var figure,html.var details{line-height:1.1875}html.var small,html.var sub,html.var sup{font-size:12px;font-weight:400}html.var h1{font-size:48px;font-weight:700}html.var h2{font-size:40px;font-weight:700}html.var h3{font-size:32px;font-weight:700}html.var h4{font-size:24px;font-weight:600}html.var h5{font-size:20px;font-weight:600}html.var h6{font-size:16px;font-weight:600}html.var b,html.var strong{font-weight:600}a{color:hsl(var(--sf-c-link));text-decoration:underline;background:none}a:not([href]){cursor:not-allowed;text-decoration:none;opacity:var(--sf-disabled);-webkit-tap-highlight-color:transparent}html.var a{color:hsl(225,73%,57%)}html.var a:not([href]){opacity:0.4}button,input,optgroup,option,select,textarea{font-size:inherit;font-family:inherit;font-weight:400;line-height:1;text-transform:none;vertical-align:top}select,button,input,textarea{padding:0 0.75em;min-height:32px}input[type='checkbox'],input[type='color'],input[type='file'],input[type='hidden'],input[type='image'],input[type='radio'],input[type='range']{margin:0;padding:0;min-height:32px}input[type='checkbox'],input[type='radio'],textarea{min-height:auto}button,select,input[type='button'],input[type='reset'],input[type='submit'],input[type='checkbox'],input[type='color'],input[type='file'],input[type='image'],input[type='radio'],input[type='range']{cursor:pointer}button,input[type='button'],input[type='reset'],input[type='submit'],input[type='checkbox'],input[type='radio']{vertical-align:baseline}input[type='checkbox']{margin:0 3px 0 0.5em}input[type='radio']{margin:0 3px 0 0.5em}fieldset{padding:1em;border:0}legend{color:inherit;padding:0 0.5em}textarea{overflow:auto}::-webkit-file-upload-button{cursor:pointer;font-size:inherit;font-family:inherit;font-weight:400;line-height:1;padding:0 0.75em;min-height:32px;text-transform:none;vertical-align:baseline}::file-selector-button{cursor:pointer;font-size:inherit;font-family:inherit;font-weight:400;line-height:1;padding:0 0.75em;min-height:32px;text-transform:none;vertical-align:baseline}::-webkit-file-upload-button:disabled{cursor:not-allowed;-webkit-tap-highlight-color:transparent}::file-selector-button:disabled{cursor:not-allowed;-webkit-tap-highlight-color:transparent}:disabled,input:disabled,button:disabled,select:disabled{cursor:not-allowed;-webkit-tap-highlight-color:transparent}table{display:table;border-collapse:collapse;font-size:inherit;line-height:var(--sf-lh-normal);border-width:0 1px 1px 0;border-spacing:0}table,td,th{border:1px solid hsl(var(--sf-table-c-bd))}tbody,tfoot,thead{background:none}td,th{padding:0.5em 0.75em}td:not([align]),th:not([align]){text-align:start}td:not([valign]),th:not([valign]){vertical-align:top}html.var table,html.var td,html.var th{border:1px solid hsl(0,0%,75%)}html.var table{line-height:1.1875} diff --git a/package.json b/package.json index 155488c..8a7bc47 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "style-forge.base", - "version": "2025.1.6", + "version": "2025.1.8", "description": "Style-Forge.Base: foundational CSS variables, base styles, typography, colors, utilities for consistent design.", "type": "module", "main": "base.css", @@ -33,7 +33,6 @@ }, "devDependencies": { "autoprefixer": "^10.4.20", - "caniuse-lite": "^1.0.30001690", "postcss": "^8.4.49", "postcss-import": "^16.1.0", "postcss-minify": "^1.1.0" diff --git a/yarn.lock b/yarn.lock index 2596008..1f109a5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -24,7 +24,7 @@ browserslist@^4.23.3: node-releases "^2.0.19" update-browserslist-db "^1.1.1" -caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001688, caniuse-lite@^1.0.30001690: +caniuse-lite@^1.0.30001646, caniuse-lite@^1.0.30001688: version "1.0.30001690" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz#f2d15e3aaf8e18f76b2b8c1481abde063b8104c8" integrity sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w== @@ -35,9 +35,9 @@ cssesc@^3.0.0: integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg== electron-to-chromium@^1.5.73: - version "1.5.77" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.77.tgz#b9e7aa2d833084aac5253d36fc85f99d7cf8ce98" - integrity sha512-AnJSrt5JpRVgY6dgd5yccguLc5A7oMSF0Kt3fcW+Hp5WTuFbl5upeSFZbMZYy2o7jhmIhU8Ekrd82GhyXUqUUg== + version "1.5.78" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.78.tgz#223cdc76a5d15ac731136e68430e92cb8d612d13" + integrity sha512-UmwIt7HRKN1rsJfddG5UG7rCTCTAKoS9JeOy/R0zSenAyaZ8SU3RuXlwcratxhdxGRNpk03iq8O7BA3W7ibLVw== escalade@^3.2.0: version "3.2.0" @@ -49,29 +49,29 @@ fraction.js@^4.3.7: resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7" integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew== -function-bind@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" - integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A== +function-bind@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c" + integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA== -has@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796" - integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw== +hasown@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003" + integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ== dependencies: - function-bind "^1.1.1" + function-bind "^1.1.2" -is-core-module@^2.11.0: - version "2.12.1" - resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.12.1.tgz#0c0b6885b6f80011c71541ce15c8d66cf5a4f9fd" - integrity sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg== +is-core-module@^2.16.0: + version "2.16.1" + resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4" + integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w== dependencies: - has "^1.0.3" + hasown "^2.0.2" nanoid@^3.3.7: - version "3.3.7" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8" - integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g== + version "3.3.8" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.8.tgz#b1be3030bee36aaff18bacb375e5cce521684baf" + integrity sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w== node-releases@^2.0.19: version "2.0.19" @@ -88,12 +88,7 @@ path-parse@^1.0.7: resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735" integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw== -picocolors@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1" - integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew== - -picocolors@^1.1.0, picocolors@^1.1.1: +picocolors@^1.0.1, picocolors@^1.1.0, picocolors@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b" integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA== @@ -121,9 +116,9 @@ postcss-minify@^1.1.0: postcss-value-parser "^4.1" postcss-selector-parser@^6.0: - version "6.0.13" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b" - integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ== + version "6.1.2" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz#27ecb41fb0e3b6ba7a1ec84fff347f734c7929de" + integrity sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg== dependencies: cssesc "^3.0.0" util-deprecate "^1.0.2" @@ -150,11 +145,11 @@ read-cache@^1.0.0: pify "^2.3.0" resolve@^1.1.7: - version "1.22.2" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.2.tgz#0ed0943d4e301867955766c9f3e1ae6d01c6845f" - integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g== + version "1.22.10" + resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.10.tgz#b663e83ffb09bbf2386944736baae803029b8b39" + integrity sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w== dependencies: - is-core-module "^2.11.0" + is-core-module "^2.16.0" path-parse "^1.0.7" supports-preserve-symlinks-flag "^1.0.0"