{"id":15008682,"url":"https://github.com/halverneus/transform-sass","last_synced_at":"2025-09-08T06:43:09.930Z","repository":{"id":62458504,"uuid":"87006476","full_name":"halverneus/transform-sass","owner":"halverneus","description":"(Supports 'package:' imports) Dart transformer for 'pub serve' and 'pub build' that uses Dart Sass to compile 'scss' and 'sass' to 'css'.","archived":false,"fork":false,"pushed_at":"2017-08-26T12:17:48.000Z","size":12,"stargazers_count":9,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-09T16:25:00.812Z","etag":null,"topics":["css-compiler","dart","dartlang","sass","scss"],"latest_commit_sha":null,"homepage":null,"language":"Dart","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/halverneus.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":"2017-04-02T18:25:29.000Z","updated_at":"2018-12-01T04:28:01.000Z","dependencies_parsed_at":"2022-11-02T00:16:27.780Z","dependency_job_id":null,"html_url":"https://github.com/halverneus/transform-sass","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/halverneus/transform-sass","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halverneus%2Ftransform-sass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halverneus%2Ftransform-sass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halverneus%2Ftransform-sass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halverneus%2Ftransform-sass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/halverneus","download_url":"https://codeload.github.com/halverneus/transform-sass/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/halverneus%2Ftransform-sass/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274146689,"owners_count":25230116,"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-09-08T02:00:09.813Z","response_time":121,"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":["css-compiler","dart","dartlang","sass","scss"],"created_at":"2024-09-24T19:20:00.225Z","updated_at":"2025-09-08T06:43:09.896Z","avatar_url":"https://github.com/halverneus.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Transform Sass\n[![Join the chat at https://gitter.im/transform-sass/Lobby](https://badges.gitter.im/transform-sass/Lobby.svg)](https://gitter.im/transform-sass/Lobby?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\u0026utm_content=badge)\n\nTransform Sass is a Dart transformer for **pub serve** and **pub build** that\nuses [Dart-Sass][https://github.com/sass/dart-sass] for compiling\n**scss** and **sass** files into **css**. Transformer supports 'package:...'\nimports. This transformer can handle:\n\n\n* base_project/\n  * pubspec.yaml\n  * lib/\n    * \\_base_style.scss\n    * more/\n      * \\_more_base_style.scss\n      * \\_even_more_base_style.scss\n\n* another_project/\n  * pubspec.yaml\n  * lib/\n    * \\_another_style.scss\n\n* your_project/\n  * pubspec.yaml\n  * lib/\n    * \\_your_style.scss\n  * web/\n    * css/\n      * style.scss\n      * more/\n        * \\_more_style.scss\n\nWhere the contents are as follows:\n### All pubspec.yaml files.\n```yaml\n...\ndependencies:\n  ...\n  transform_sass: '\u003e=0.3.1'\n\ntransformers:\n  ...\n  - transform_sass\n...\n```\n\n### \\_base_style.scss\n```scss\n@import 'package:base_project/more/more_base_style';\n@import 'more/even_more_base_style';\n...\n```\n\n### \\_another_style.scss\n```scss\n@import 'package:base_project/base_style';\n...\n```\n\n### \\_your_style.scss\n```scss\n@import 'package:base_project/base_style';\n...\n```\n\n### style.css\n```scss\n@import 'more/more_style';\n@import 'package:your_project/another_style';\n@import 'package:base_project/base_style'; // Redundant, but present for example\n...\n```\n\nSimply put, all imports work like Dart. To use the transformer, add the\nfollowing two lines to your pubspec.yaml file:\n```yaml\ndependencies:\n  transform_sass: '\u003e=0.3.1'\ntransformers:\n  - transform_sass\n```\nAfterwards, run **pub install**. Changes to the CSS in the browser only require\nrefreshing the browser when running **pub serve**.\n\n## Links\n* Source code is available at: https://github.com/halverneus/transform-sass\n* Pub is available at: https://pub.dartlang.org/packages/transform_sass\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalverneus%2Ftransform-sass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhalverneus%2Ftransform-sass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalverneus%2Ftransform-sass/lists"}