{"id":13671956,"url":"https://github.com/stephenlacy/gulp-stylus","last_synced_at":"2025-12-16T17:53:06.592Z","repository":{"id":12301163,"uuid":"14931804","full_name":"stephenlacy/gulp-stylus","owner":"stephenlacy","description":"Stylus plugin for gulp","archived":false,"fork":false,"pushed_at":"2023-08-30T07:50:38.000Z","size":210,"stargazers_count":221,"open_issues_count":2,"forks_count":60,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-12-11T01:48:27.106Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/stephenlacy.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,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2013-12-04T18:14:46.000Z","updated_at":"2025-06-24T01:21:40.000Z","dependencies_parsed_at":"2024-04-01T03:01:39.954Z","dependency_job_id":null,"html_url":"https://github.com/stephenlacy/gulp-stylus","commit_stats":null,"previous_names":["stephenlacy/gulp-stylus","stevelacy/gulp-stylus"],"tags_count":20,"template":false,"template_full_name":null,"purl":"pkg:github/stephenlacy/gulp-stylus","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlacy%2Fgulp-stylus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlacy%2Fgulp-stylus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlacy%2Fgulp-stylus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlacy%2Fgulp-stylus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stephenlacy","download_url":"https://codeload.github.com/stephenlacy/gulp-stylus/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stephenlacy%2Fgulp-stylus/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":27707657,"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","status":"online","status_checked_at":"2025-12-13T02:00:09.769Z","response_time":147,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-08-02T09:01:22.861Z","updated_at":"2025-12-16T17:53:06.573Z","avatar_url":"https://github.com/stephenlacy.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# gulp-stylus\n[![Build Status](https://travis-ci.org/stevelacy/gulp-stylus.png?branch=master)](https://travis-ci.org/stevelacy/gulp-stylus)\n[![NPM version](https://badge.fury.io/js/gulp-stylus.png)](http://badge.fury.io/js/gulp-stylus)\n\n\u003e Compile [Stylus](http://learnboost.github.io/stylus/) with gulp (gulpjs.com)\n\n## Information\n\n\u003ctable\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage\u003c/td\u003e\u003ctd\u003egulp-stylus\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eDescription\u003c/td\u003e\n\u003ctd\u003eStylus plugin for gulp\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eNode Version\u003c/td\u003e\n\u003ctd\u003e\u003e= 0.9\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eGulp Version\u003c/td\u003e\n\u003ctd\u003e\u003e= 3.x\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n## Usage\n\n#### Install\n\n```sh\n$ npm install --save-dev gulp-stylus\n```\n\n## Examples\n\n```javascript\n\n// include the required packages.\nvar gulp = require('gulp');\nvar data = require('gulp-data');\nvar stylus = require('gulp-stylus');\n\n\n// include, if you want to work with sourcemaps\nvar sourcemaps = require('gulp-sourcemaps');\n\n// Get one .styl file and render\ngulp.task('one', function () {\n  return gulp.src('./css/one.styl')\n    .pipe(stylus())\n    .pipe(gulp.dest('./css/build'));\n});\n\n// Options\n// Options compress\ngulp.task('compress', function () {\n  return gulp.src('./css/compressed.styl')\n    .pipe(stylus({\n      compress: true\n    }))\n    .pipe(gulp.dest('./css/build'));\n});\n\n\n// Set linenos\ngulp.task('linenos', function () {\n  return gulp.src('./css/linenos.styl')\n    .pipe(stylus({linenos: true}))\n    .pipe(gulp.dest('./css/build'));\n});\n\n// Include css\n// Stylus has an awkward and perplexing 'include css' option\ngulp.task('include-css', function() {\n  return gulp.src('./css/*.styl')\n    .pipe(stylus({\n      'include css': true\n    }))\n    .pipe(gulp.dest('./'));\n\n});\n\n// Inline sourcemaps\ngulp.task('sourcemaps-inline', function () {\n  return gulp.src('./css/sourcemaps-inline.styl')\n    .pipe(sourcemaps.init())\n    .pipe(stylus())\n    .pipe(sourcemaps.write())\n    .pipe(gulp.dest('./css/build'));\n});\n\n// External sourcemaps\ngulp.task('sourcemaps-external', function () {\n  return gulp.src('./css/sourcemaps-external.styl')\n    .pipe(sourcemaps.init())\n    .pipe(stylus())\n    .pipe(sourcemaps.write('.'))\n    .pipe(gulp.dest('./css/build'));\n});\n\n// Pass an object in raw form to be accessable in stylus\nvar data = {red: '#ff0000'};\ngulp.task('pass-object', function () {\n  gulp.src('./sty/main.styl')\n    .pipe(stylus({ rawDefine: { data: data }}))\n    .pipe(gulp.dest('./css/build'));\n});\n\n// Use with gulp-data\ngulp.task('gulp-data', function() {\n  gulp.src('./components/**/*.styl')\n    .pipe(data(function(file){\n      return {\n        componentPath: '/' + (file.path.replace(file.base, '').replace(/\\/[^\\/]*$/, ''))\n      };\n    }))\n    .pipe(stylus())\n    .pipe(gulp.dest('./css/build'));\n});\n\n/* Ex:\nbody\n  color: data.red;\n*/\n\n// Default gulp task to run\ngulp.task('default', ['one', 'compress', 'linenos', 'sourcemaps-inline', 'sourcemaps-external', 'pass-object']);\n\n```\n\n##### You can view more examples in the [example folder.](https://github.com/stevelacy/gulp-stylus/tree/master/examples)\n\n## Extras\nYou can access the original `stylus` module that `gulp-stylus` uses.\n```\nvar originalStylus = require('gulp-stylus').stylus;\n```\n\n## Options\n#### All stylus options are passed to [accord/stylus](https://github.com/jenius/accord/blob/master/docs/stylus.md)\n\n\n\n## LICENSE [MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephenlacy%2Fgulp-stylus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstephenlacy%2Fgulp-stylus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstephenlacy%2Fgulp-stylus/lists"}