diff --git a/README.md b/README.md index 2770c11..169a86d 100644 --- a/README.md +++ b/README.md @@ -23,49 +23,66 @@ If you feel awesome and want to support us in a small way, please consider starr + - + + + - + + + - + + + - + + + + + + + + + + - + + + - + + + - + + + - - - - -
ModuleLinks Version Description
hubhubGitHubNPM npm Central repository that integrates all project modules.
basebaseGitHubNPM npm Basic styles and foundational components of the project.
helpershelpersGitHubNPM npm Utility functions and helpers for the project.
form└ mediaGitHubNPMnpmComprehensive CSS media query helpers for responsive web design.
formGitHubNPM npm Styles and components for creating forms.
themesthemesGitHubNPM npm Themes and styling options for the project.
patternspatternsGitHubNPM npm Reusable patterns and templates for the project.
colorscolorsGitHubNPM npm Color palettes and styles for the project.
medianpmComprehensive CSS media query helpers for responsive web design.
## Contributing diff --git a/base.css b/base.css index 65cfc33..1c3e884 100644 --- a/base.css +++ b/base.css @@ -1,3 +1,3 @@ -/*! style-forge.base 2025.1.22 | MIT License | https://github.com/Style-Forge/base */ +/*! style-forge.base 2025.1.31 | MIT License | https://github.com/Style-Forge/base */ :root{--sf-ff:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';--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-c-table-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,sans-serif);font-size:var(--sf-fz,1rem);font-weight:var(--sf-fw,400);font-synthesis:style;font-optical-sizing:auto;font-stretch:normal;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--sf-lh,0.8);color:hsl(var(--sf-c-txt));background:hsl(var(--sf-c-bg));min-width:320px;height:100%;box-sizing:border-box}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:'Inter',ui-sans-serif,system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';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:not([open]),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:300}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-c-table-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 aeaeb8b..b4b6cca 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "style-forge.base", - "version": "2025.1.22", + "version": "2025.1.31", "description": "Style-Forge.Base: foundational CSS variables, base styles, typography, colors, utilities for consistent design.", "type": "module", "main": "base.css",