{"id":19466663,"url":"https://github.com/adaleks/anywhere-flex","last_synced_at":"2026-04-18T10:31:43.017Z","repository":{"id":45150894,"uuid":"437227888","full_name":"adaleks/anywhere-flex","owner":"adaleks","description":"AnywhereFlex is a lightweight responsive CSS utility library to accompany Anywhere UI libraries and static webpages as well.","archived":false,"fork":false,"pushed_at":"2022-10-01T20:17:59.000Z","size":1083,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-17T02:44:18.390Z","etag":null,"topics":["css","flex","flexbox","flexbox-grid","html","javascript","sass","scss"],"latest_commit_sha":null,"homepage":"https://adaleks.github.io/anywhere-flex","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adaleks.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-12-11T08:29:15.000Z","updated_at":"2023-01-14T16:32:11.000Z","dependencies_parsed_at":"2023-01-19T00:00:29.386Z","dependency_job_id":null,"html_url":"https://github.com/adaleks/anywhere-flex","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"taniarascia/webpack-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adaleks%2Fanywhere-flex","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adaleks%2Fanywhere-flex/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adaleks%2Fanywhere-flex/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adaleks%2Fanywhere-flex/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adaleks","download_url":"https://codeload.github.com/adaleks/anywhere-flex/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240680539,"owners_count":19840263,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","flex","flexbox","flexbox-grid","html","javascript","sass","scss"],"created_at":"2024-11-10T18:29:36.038Z","updated_at":"2026-04-18T10:31:37.996Z","avatar_url":"https://github.com/adaleks.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AnywhereFlex\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n\nAnywhereFlex is a lightweight responsive CSS utility library to accompany Anywhere UI libraries and static webpages as well.\n\n## Installation\n\nClone this repo and npm install.\n\n```bash\nnpm install\n```\n\n## Usage\n\n### Development server\n\n```bash\nnpm start\n```\n\nYou can view the development server at `localhost:8080`.\n\n### Production build\n\n#### Production build of library\n\n```bash\nnpm run build-lib\n```\n\n#### Production build of showcase site\n\n```bash\nnpm run build-app\n```\n\n\u003e Note: Install [http-server](https://www.npmjs.com/package/http-server) globally to deploy a simple server.\n\n```bash\nnpm i -g http-server\n```\n\nYou can view the deploy by creating a server in `dist`.\n\n```bash\ncd dist \u0026\u0026 http-server\n```\n\n## Features\n\n-   [webpack](https://webpack.js.org/)\n-   [Babel](https://babeljs.io/)\n-   [Sass](https://sass-lang.com/)\n-   [PostCSS](https://postcss.org/)\n\n## Dependencies\n\n### webpack\n\n-   [`webpack`](https://github.com/webpack/webpack) - Module and asset bundler.\n-   [`webpack-cli`](https://github.com/webpack/webpack-cli) - Command line interface for webpack\n-   [`webpack-dev-server`](https://github.com/webpack/webpack-dev-server) - Development server for webpack\n-   [`webpack-merge`](https://github.com/survivejs/webpack-merge) - Simplify development/production configuration\n-   [`cross-env`](https://github.com/kentcdodds/cross-env) - Cross platform configuration\n\n### Babel\n\n-   [`@babel/core`](https://www.npmjs.com/package/@babel/core) - Transpile ES6+ to backwards compatible JavaScript\n-   [`@babel/plugin-proposal-class-properties`](https://babeljs.io/docs/en/babel-plugin-proposal-class-properties) - Use properties directly on a class (an example Babel config)\n-   [`@babel/preset-env`](https://babeljs.io/docs/en/babel-preset-env) - Smart defaults for Babel\n\n### Loaders\n\n-   [`babel-loader`](https://webpack.js.org/loaders/babel-loader/) - Transpile files with Babel and webpack\n-   [`sass-loader`](https://webpack.js.org/loaders/sass-loader/) - Load SCSS and compile to CSS\n    -   [`sass`](https://www.npmjs.com/package/sass) - Node Sass\n-   [`postcss-loader`](https://webpack.js.org/loaders/postcss-loader/) - Process CSS with PostCSS\n    -   [`postcss-preset-env`](https://www.npmjs.com/package/postcss-preset-env) - Sensible defaults for PostCSS\n-   [`css-loader`](https://webpack.js.org/loaders/css-loader/) - Resolve CSS imports\n-   [`style-loader`](https://webpack.js.org/loaders/style-loader/) - Inject CSS into the DOM\n\n### Plugins\n\n-   [`clean-webpack-plugin`](https://github.com/johnagan/clean-webpack-plugin) - Remove/clean build folders\n-   [`copy-webpack-plugin`](https://github.com/webpack-contrib/copy-webpack-plugin) - Copy files to build directory\n-   [`html-webpack-plugin`](https://github.com/jantimon/html-webpack-plugin) - Generate HTML files from template\n-   [`mini-css-extract-plugin`](https://github.com/webpack-contrib/mini-css-extract-plugin) - Extract CSS into separate files\n-   [`css-minimizer-webpack-plugin`](https://webpack.js.org/plugins/css-minimizer-webpack-plugin/) - Optimize and minimize CSS assets\n\n### Linters\n\n-   [`eslint`](https://github.com/eslint/eslint) - Enforce styleguide across application\n-   [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier) - Implement prettier rules\n    -   -   [`prettier`](https://github.com/prettier/prettier) - Dependency for `prettier-webpack-plugin` plugin\n-   [`eslint-import-resolver-webpack`](https://github.com/benmosher/eslint-plugin-import/tree/master/resolvers/webpack) - Throw exceptions for import/export in webpack\n\n## Author\n\n-   [AdaleksTech](https://github.com/adaleks)\n\n## License\n\nThis project is open source and available under the [MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadaleks%2Fanywhere-flex","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadaleks%2Fanywhere-flex","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadaleks%2Fanywhere-flex/lists"}