{"id":15171929,"url":"https://github.com/matthewbub/css4life","last_synced_at":"2025-10-01T07:30:26.323Z","repository":{"id":230918213,"uuid":"780422927","full_name":"matthewbub/css4life","owner":"matthewbub","description":"Convert Postcss to CSS via CLI ","archived":true,"fork":false,"pushed_at":"2024-07-15T15:27:05.000Z","size":125,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-16T03:19:59.948Z","etag":null,"topics":["cli","css","postcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/matthewbub.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-01T12:59:55.000Z","updated_at":"2024-07-15T15:27:25.000Z","dependencies_parsed_at":"2024-09-23T01:31:00.335Z","dependency_job_id":"bbaab30a-b11b-47ac-a977-ed7d5a31cc47","html_url":"https://github.com/matthewbub/css4life","commit_stats":{"total_commits":27,"total_committers":2,"mean_commits":13.5,"dds":0.07407407407407407,"last_synced_commit":"25eb0819e4f40883e50f26cf6b76b4ebb5c4ce33"},"previous_names":["matthewbub/css4life"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthewbub%2Fcss4life","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthewbub%2Fcss4life/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthewbub%2Fcss4life/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matthewbub%2Fcss4life/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matthewbub","download_url":"https://codeload.github.com/matthewbub/css4life/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234837158,"owners_count":18894548,"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":["cli","css","postcss"],"created_at":"2024-09-27T09:21:37.299Z","updated_at":"2025-10-01T07:30:25.663Z","avatar_url":"https://github.com/matthewbub.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Css 4 Life\n\n**Deprecated: This repository moved to https://github.com/chroniconl/stylist** \n\nAn approachable build abstraction for creating distributable themes using postcss as a css processor. Just pass your postcss files, and it spits out vanilla CSS.\n\n**Benefits over CSS**\n\n- Future CSS syntax support\n- Custom media queries enabled by `postcss-custom-media`\n- Cross-browser compatibility thanks to `autoprefixer`\n- `@mixin` syntax support thanks to `postcss-mixins`\n- CSS minification thanks to `cssnano`\n- Math support thanks to `postcss-calc`\n- Style linting thanks to `style-lint`\n- Source map support thanks to `gulp-sourcemaps`\n\n## Table of contents\n- [Setup](#setup)\n- [Commands](#commands)\n\t- [Build](#build)\n\t\t- [Build / Flags](#build--flags)\n\t- [Minify](#minify)\n\t\t- [Minify / Flags](#minify--flags)\n\t- [Lint](#lint)\n\t\t- [Lint / Flags](#watch--flags)\n\t- [Watch](#watch)\n\t\t- [Watch / Flags](#watch--flags)\n## Setup \nJust clone this repo into your build tools or desired location, and then hit the `./gulpfile.js` in the root directory \n\n```sh\n# example build command\nnode ./build-tools/css4life/gulpfile.js build --src='public/example/*.css' --build='dist'\n```\n\n## Commands\n\n### Build\n\nTo build your CSS files, invoke the CLI tool by targeting the root `gulpfile.js` with Node.js, followed by the `build` command, then your additional arguments. \n\nAt a minimum, you should pass the `--src` and `--build` flags. For further extendability you could also pass a JSON string of CSS variables to be used in the build process.\n\n```shell\nnode ./path/to/this/gulpfile.js build --src=\u003csource-directory\u003e --build=\u003cbuild-directory\u003e --variables=\u003cjson-string-of-css-variables\u003e\n```\n\n#### Build / Flags\n\n- `--src`: Specifies the source directory containing your CSS files.\n- `--build`: Specifies the output directory for the built CSS files.\n- `--variables`: (Optional) Provides a JSON string of CSS variables to be used in the build process.\n- `--concat`: (Optional) Concatenates all CSS files within the `--src` directory. Defaults to `false`\n\n### Minify\n\nTo minify your CSS files, invoke the CLI tool by targeting the root `gulpfile.js` with Node.js, followed by the `minify` command, then your additional arguments.\n\nAt a minimum, you should pass the `--src` and `--build` flags.\n\n```shell\nnode ./path/to/this/gulpfile.js minify --src=\u003csource-directory\u003e --build=\u003cbuild-directory\u003e\n```\n\n#### Minify / Flags\n\n- `--src`: Specifies the source directory containing your CSS files.\n- `--build`: Specifies the output directory for the minified CSS files.\n\n### Lint\n\nTo lint your compiled CSS files, invoke the CLI tool by targeting the root `gulpfile.js` with Node.js, followed by the `lint` command, then your additional arguments.\n\nAt a minimum, you should pass the `--src` and `--build` flags.\n\n```shell\nnode ./path/to/this/gulpfile.js lint --src=\u003csource-directory\u003e \n```\n\n#### Lint / Flags\n\n- `--src`: Specifies the source directory containing your CSS files.\n\n### Watch\n\nTo watch your PostCSS files, invoke the CLI tool by targeting the root `gulpfile.js` with Node.js, followed by the `watch` command, then your additional arguments. \n\nAt a minimum, you should pass the `--src` and `--build` flags. For further extendability you could also pass a JSON string of CSS variables to be used in the build process.\n\n```shell\nnode ./path/to/this/gulpfile.js build --src=\u003csource-directory\u003e --build=\u003cbuild-directory\u003e --variables=\u003cjson-string-of-css-variables\u003e\n```\n\n#### Watch / Flags\n- `--src`: Specifies the source directory containing your CSS files.\n- `--build`: Specifies the output directory for the built CSS files.\n- `--variables`: (Optional) Provides a JSON string of CSS variables to be used in the build process.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthewbub%2Fcss4life","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatthewbub%2Fcss4life","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatthewbub%2Fcss4life/lists"}