@bremmdev/m7base 0.0.2 → 0.1.0

package/dist/m7base.css

@@ -1 +1 @@
-@layer reset{*,:after,:before{box-sizing:border-box;border:0 solid;padding:0}::backdrop{box-sizing:border-box;border:0 solid;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;padding:0}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.5}:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base,components,utilities,overrides;
+@layer reset{*,:after,:before{box-sizing:border-box;border:0 solid;padding:0}::backdrop{box-sizing:border-box;border:0 solid;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;padding:0}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.5}:host{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer base{label{margin-block:var(--spacing-2);font-weight:500;display:block}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);display:block}button{padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-foreground);color:var(--color-foreground-inverted);border-radius:var(--spacing-2);cursor:pointer;font-weight:700;transition:background-color .2s ease-in-out}button:hover:not(:disabled){background-color:var(--color-foreground-hover)}button:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}}@layer components{.form-control{gap:var(--spacing-1);margin-block:var(--spacing-2);flex-direction:column;width:min-content;display:flex}.form-control:first-child{margin-top:0}.form-control:last-child{margin-bottom:0}.actions-container{gap:var(--spacing-2);margin-block:var(--spacing-6);display:flex}.btn-outline{border:1px solid var(--color-foreground);color:var(--color-foreground);background-color:transparent}.btn-outline:hover:not(:disabled){background-color:var(--color-outline-hover)}.btn-outline:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.btn-primary{background-color:var(--color-accent);color:var(--color-foreground-inverted)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary-outline{border:1px solid var(--color-accent);color:var(--color-accent);background-color:transparent}.btn-primary-outline:hover:not(:disabled){background-color:var(--color-accent-outline)}.btn-primary-outline:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-destructive{background-color:var(--color-destructive);color:var(--color-foreground-inverted)}.btn-destructive:hover:not(:disabled){background-color:var(--color-destructive-hover)}.btn-destructive:focus-visible{outline:2px solid var(--color-destructive);outline-offset:2px}}@layer utilities{.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.m-0{margin:0}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-7{margin:var(--spacing-7)}.m-8{margin:var(--spacing-8)}.m-9{margin:var(--spacing-9)}.m-10{margin:var(--spacing-10)}.m-11{margin:var(--spacing-11)}.m-12{margin:var(--spacing-12)}.m-13{margin:var(--spacing-13)}.m-14{margin:var(--spacing-14)}.m-15{margin:var(--spacing-15)}.m-16{margin:var(--spacing-16)}.mx-0{margin-inline:0}.mx-1{margin-inline:var(--spacing-1)}.mx-2{margin-inline:var(--spacing-2)}.mx-3{margin-inline:var(--spacing-3)}.mx-4{margin-inline:var(--spacing-4)}.mx-5{margin-inline:var(--spacing-5)}.mx-6{margin-inline:var(--spacing-6)}.mx-7{margin-inline:var(--spacing-7)}.mx-8{margin-inline:var(--spacing-8)}.mx-9{margin-inline:var(--spacing-9)}.mx-10{margin-inline:var(--spacing-10)}.mx-11{margin-inline:var(--spacing-11)}.mx-12{margin-inline:var(--spacing-12)}.mx-13{margin-inline:var(--spacing-13)}.mx-14{margin-inline:var(--spacing-14)}.mx-15{margin-inline:var(--spacing-15)}.mx-16{margin-inline:var(--spacing-16)}.my-0{margin-block:0}.my-1{margin-block:var(--spacing-1)}.my-2{margin-block:var(--spacing-2)}.my-3{margin-block:var(--spacing-3)}.my-4{margin-block:var(--spacing-4)}.my-5{margin-block:var(--spacing-5)}.my-6{margin-block:var(--spacing-6)}.my-7{margin-block:var(--spacing-7)}.my-8{margin-block:var(--spacing-8)}.my-9{margin-block:var(--spacing-9)}.my-10{margin-block:var(--spacing-10)}.my-11{margin-block:var(--spacing-11)}.my-12{margin-block:var(--spacing-12)}.my-13{margin-block:var(--spacing-13)}.my-14{margin-block:var(--spacing-14)}.my-15{margin-block:var(--spacing-15)}.my-16{margin-block:var(--spacing-16)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-7{margin-top:var(--spacing-7)}.mt-8{margin-top:var(--spacing-8)}.mt-9{margin-top:var(--spacing-9)}.mt-10{margin-top:var(--spacing-10)}.mt-11{margin-top:var(--spacing-11)}.mt-12{margin-top:var(--spacing-12)}.mt-13{margin-top:var(--spacing-13)}.mt-14{margin-top:var(--spacing-14)}.mt-15{margin-top:var(--spacing-15)}.mt-16{margin-top:var(--spacing-16)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-7{margin-bottom:var(--spacing-7)}.mb-8{margin-bottom:var(--spacing-8)}.mb-9{margin-bottom:var(--spacing-9)}.mb-10{margin-bottom:var(--spacing-10)}.mb-11{margin-bottom:var(--spacing-11)}.mb-12{margin-bottom:var(--spacing-12)}.mb-13{margin-bottom:var(--spacing-13)}.mb-14{margin-bottom:var(--spacing-14)}.mb-15{margin-bottom:var(--spacing-15)}.mb-16{margin-bottom:var(--spacing-16)}.ml-0{margin-left:0}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-7{margin-left:var(--spacing-7)}.ml-8{margin-left:var(--spacing-8)}.ml-9{margin-left:var(--spacing-9)}.ml-10{margin-left:var(--spacing-10)}.ml-11{margin-left:var(--spacing-11)}.ml-12{margin-left:var(--spacing-12)}.ml-13{margin-left:var(--spacing-13)}.ml-14{margin-left:var(--spacing-14)}.ml-15{margin-left:var(--spacing-15)}.ml-16{margin-left:var(--spacing-16)}.mr-0{margin-right:0}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-7{margin-right:var(--spacing-7)}.mr-8{margin-right:var(--spacing-8)}.mr-9{margin-right:var(--spacing-9)}.mr-10{margin-right:var(--spacing-10)}.mr-11{margin-right:var(--spacing-11)}.mr-12{margin-right:var(--spacing-12)}.mr-13{margin-right:var(--spacing-13)}.mr-14{margin-right:var(--spacing-14)}.mr-15{margin-right:var(--spacing-15)}.mr-16{margin-right:var(--spacing-16)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-7{padding:var(--spacing-7)}.p-8{padding:var(--spacing-8)}.p-9{padding:var(--spacing-9)}.p-10{padding:var(--spacing-10)}.p-11{padding:var(--spacing-11)}.p-12{padding:var(--spacing-12)}.p-13{padding:var(--spacing-13)}.p-14{padding:var(--spacing-14)}.p-15{padding:var(--spacing-15)}.p-16{padding:var(--spacing-16)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing-1)}.px-2{padding-inline:var(--spacing-2)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.px-6{padding-inline:var(--spacing-6)}.px-7{padding-inline:var(--spacing-7)}.px-8{padding-inline:var(--spacing-8)}.px-9{padding-inline:var(--spacing-9)}.px-10{padding-inline:var(--spacing-10)}.px-11{padding-inline:var(--spacing-11)}.px-12{padding-inline:var(--spacing-12)}.px-13{padding-inline:var(--spacing-13)}.px-14{padding-inline:var(--spacing-14)}.px-15{padding-inline:var(--spacing-15)}.px-16{padding-inline:var(--spacing-16)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing-1)}.py-2{padding-block:var(--spacing-2)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-5{padding-block:var(--spacing-5)}.py-6{padding-block:var(--spacing-6)}.py-7{padding-block:var(--spacing-7)}.py-8{padding-block:var(--spacing-8)}.py-9{padding-block:var(--spacing-9)}.py-10{padding-block:var(--spacing-10)}.py-11{padding-block:var(--spacing-11)}.py-12{padding-block:var(--spacing-12)}.py-13{padding-block:var(--spacing-13)}.py-14{padding-block:var(--spacing-14)}.py-15{padding-block:var(--spacing-15)}.py-16{padding-block:var(--spacing-16)}.pt-0{padding-top:0}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-7{padding-top:var(--spacing-7)}.pt-8{padding-top:var(--spacing-8)}.pt-9{padding-top:var(--spacing-9)}.pt-10{padding-top:var(--spacing-10)}.pt-11{padding-top:var(--spacing-11)}.pt-12{padding-top:var(--spacing-12)}.pt-13{padding-top:var(--spacing-13)}.pt-14{padding-top:var(--spacing-14)}.pt-15{padding-top:var(--spacing-15)}.pt-16{padding-top:var(--spacing-16)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-7{padding-bottom:var(--spacing-7)}.pb-8{padding-bottom:var(--spacing-8)}.pb-9{padding-bottom:var(--spacing-9)}.pb-10{padding-bottom:var(--spacing-10)}.pb-11{padding-bottom:var(--spacing-11)}.pb-12{padding-bottom:var(--spacing-12)}.pb-13{padding-bottom:var(--spacing-13)}.pb-14{padding-bottom:var(--spacing-14)}.pb-15{padding-bottom:var(--spacing-15)}.pb-16{padding-bottom:var(--spacing-16)}.pl-0{padding-left:0}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pl-7{padding-left:var(--spacing-7)}.pl-8{padding-left:var(--spacing-8)}.pl-9{padding-left:var(--spacing-9)}.pl-10{padding-left:var(--spacing-10)}.pl-11{padding-left:var(--spacing-11)}.pl-12{padding-left:var(--spacing-12)}.pl-13{padding-left:var(--spacing-13)}.pl-14{padding-left:var(--spacing-14)}.pl-15{padding-left:var(--spacing-15)}.pl-16{padding-left:var(--spacing-16)}.pr-0{padding-right:0}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.pr-7{padding-right:var(--spacing-7)}.pr-8{padding-right:var(--spacing-8)}.pr-9{padding-right:var(--spacing-9)}.pr-10{padding-right:var(--spacing-10)}.pr-11{padding-right:var(--spacing-11)}.pr-12{padding-right:var(--spacing-12)}.pr-13{padding-right:var(--spacing-13)}.pr-14{padding-right:var(--spacing-14)}.pr-15{padding-right:var(--spacing-15)}.pr-16{padding-right:var(--spacing-16)}.gap-0{gap:0}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-7{gap:var(--spacing-7)}.gap-8{gap:var(--spacing-8)}.gap-9{gap:var(--spacing-9)}.gap-10{gap:var(--spacing-10)}.gap-11{gap:var(--spacing-11)}.gap-12{gap:var(--spacing-12)}.gap-13{gap:var(--spacing-13)}.gap-14{gap:var(--spacing-14)}.gap-15{gap:var(--spacing-15)}.gap-16{gap:var(--spacing-16)}.gap-x-0{column-gap:0}.gap-x-1{column-gap:var(--spacing-1)}.gap-x-2{column-gap:var(--spacing-2)}.gap-x-3{column-gap:var(--spacing-3)}.gap-x-4{column-gap:var(--spacing-4)}.gap-x-5{column-gap:var(--spacing-5)}.gap-x-6{column-gap:var(--spacing-6)}.gap-x-7{column-gap:var(--spacing-7)}.gap-x-8{column-gap:var(--spacing-8)}.gap-x-9{column-gap:var(--spacing-9)}.gap-x-10{column-gap:var(--spacing-10)}.gap-x-11{column-gap:var(--spacing-11)}.gap-x-12{column-gap:var(--spacing-12)}.gap-x-13{column-gap:var(--spacing-13)}.gap-x-14{column-gap:var(--spacing-14)}.gap-x-15{column-gap:var(--spacing-15)}.gap-x-16{column-gap:var(--spacing-16)}.gap-y-0{row-gap:0}.gap-y-1{row-gap:var(--spacing-1)}.gap-y-2{row-gap:var(--spacing-2)}.gap-y-3{row-gap:var(--spacing-3)}.gap-y-4{row-gap:var(--spacing-4)}.gap-y-5{row-gap:var(--spacing-5)}.gap-y-6{row-gap:var(--spacing-6)}.gap-y-7{row-gap:var(--spacing-7)}.gap-y-8{row-gap:var(--spacing-8)}.gap-y-9{row-gap:var(--spacing-9)}.gap-y-10{row-gap:var(--spacing-10)}.gap-y-11{row-gap:var(--spacing-11)}.gap-y-12{row-gap:var(--spacing-12)}.gap-y-13{row-gap:var(--spacing-13)}.gap-y-14{row-gap:var(--spacing-14)}.gap-y-15{row-gap:var(--spacing-15)}.gap-y-16{row-gap:var(--spacing-16)}}@layer overrides;:root{--color-foreground:#030712;--color-foreground-hover:color-mix(in oklch, var(--color-foreground) 80%, white 20%);--color-foreground-inverted:#fff;--color-background:#fff;--color-outline-hover:color-mix(in oklch, var(--color-background) 95%, black 5%);--color-accent:#a600b5;--color-accent-hover:color-mix(in oklch, var(--color-accent) 90%, white 10%);--color-accent-outline:color-mix(in oklch, var(--color-accent) 10%, white 90%);--color-destructive:#bf000f;--color-destructive-hover:color-mix(in oklch, var(--color-destructive) 90%, white 10%);--color-border:#314158;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-13:3.25rem;--spacing-14:3.5rem;--spacing-15:3.75rem;--spacing-16:4rem}@supports (color:lab(0% 0 0)){:root{--color-foreground:lab(1.90334% .278696 -5.48866);--color-foreground-inverted:lab(100% 0 0);--color-background:lab(100% 0 0);--color-accent:lab(39.787% 72.2653 -53.1244);--color-destructive:lab(40.4273% 67.2623 53.7441);--color-border:lab(26.9569% -1.47016 -15.6993)}}body{color:var(--color-foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bremmdev/m7base",
   "description": "A CSS library that gives websites a quick styling with modern CSS resets, base styles and optional component class styles.",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "private": false,
   "repository": {
     "type": "git",
@@ -16,10 +16,12 @@
     "dist"
   ],
   "scripts": {
+    "generate:utilities": "node scripts/generate-utilities.js",
+    "prebuild": "npm run generate:utilities",
+    "prebuild:dev": "npm run generate:utilities && mkdir -p dist",
     "build": "lightningcss --bundle --minify --targets \"defaults, not IE 11\" styles/index.css --output-dir dist && mv dist/index.css dist/m7base.css",
-    "prebuild:dev": "mkdir -p dist",
     "build:dev": "lightningcss --bundle --targets \"defaults, not IE 11\" styles/index.css --output-dir dist && mv dist/index.css dist/m7base.css",
-    "build:watch": "mkdir -p dist && lightningcss --bundle --minify --watch --targets \"defaults, not IE 11\" styles/index.css --output-dir dist",
+    "build:watch": "npm run generate:utilities && mkdir -p dist && lightningcss --bundle --minify --watch --targets \"defaults, not IE 11\" styles/index.css --output-dir dist",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [],