804b384271
- Add npm scripts for CSS/JS compilation (build:css, build:js, build) - Create PowerShell build automation script - Document development workflow in README - Add troubleshooting guide for build issues - Specify proper file structure and compilation process Supports Tailwind CSS v3.4.0 and esbuild bundling with source maps.
23 lines
560 B
JavaScript
23 lines
560 B
JavaScript
export default function buildMediaQuery(screens) {
|
|
screens = Array.isArray(screens) ? screens : [screens]
|
|
|
|
return screens
|
|
.map((screen) => {
|
|
let values = screen.values.map((screen) => {
|
|
if (screen.raw !== undefined) {
|
|
return screen.raw
|
|
}
|
|
|
|
return [
|
|
screen.min && `(min-width: ${screen.min})`,
|
|
screen.max && `(max-width: ${screen.max})`,
|
|
]
|
|
.filter(Boolean)
|
|
.join(' and ')
|
|
})
|
|
|
|
return screen.not ? `not all and ${values}` : values
|
|
})
|
|
.join(', ')
|
|
}
|