{"id":19467664,"url":"https://github.com/niceilm/flex-layout-sass","last_synced_at":"2026-05-13T22:35:26.789Z","repository":{"id":57238195,"uuid":"137633298","full_name":"niceilm/flex-layout-sass","owner":"niceilm","description":"like angular flex-layout for sass","archived":false,"fork":false,"pushed_at":"2026-01-12T07:54:25.000Z","size":6,"stargazers_count":1,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2026-01-12T17:51:18.600Z","etag":null,"topics":["flex","flex-layout","mixin","sass"],"latest_commit_sha":null,"homepage":"","language":"SCSS","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/niceilm.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}},"created_at":"2018-06-17T06:13:52.000Z","updated_at":"2026-01-12T07:54:29.000Z","dependencies_parsed_at":"2022-08-26T15:11:46.752Z","dependency_job_id":null,"html_url":"https://github.com/niceilm/flex-layout-sass","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/niceilm/flex-layout-sass","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niceilm%2Fflex-layout-sass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niceilm%2Fflex-layout-sass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niceilm%2Fflex-layout-sass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niceilm%2Fflex-layout-sass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/niceilm","download_url":"https://codeload.github.com/niceilm/flex-layout-sass/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/niceilm%2Fflex-layout-sass/sbom","scorecard":{"id":684387,"data":{"date":"2025-08-11","repo":{"name":"github.com/niceilm/flex-layout-sass","commit":"82634ef7b2dc6dfde2bc55732af88edc23e45fe0"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.6,"checks":[{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":0,"reason":"Found 0/7 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-22T00:17:06.027Z","repository_id":57238195,"created_at":"2025-08-22T00:17:06.028Z","updated_at":"2025-08-22T00:17:06.028Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33002820,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"ssl_error","status_checked_at":"2026-05-13T13:14:51.610Z","response_time":115,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["flex","flex-layout","mixin","sass"],"created_at":"2024-11-10T18:36:25.621Z","updated_at":"2026-05-13T22:35:26.772Z","avatar_url":"https://github.com/niceilm.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"Flex Layout Sass\n---\n\n[Angular Flex-Layout](https://github.com/angular/flex-layout) inspired\n\n# install\n```\nnpm i flex-layout-sass\n```\n\n# usages\n## sass import\n```\n@import \"~flex-layout-sass/mixin\";\n```\n\n# mixin documents\n## fx-layout\n`@include fx-layout(\u003cdirection [wrap]\u003e, [main-axis-value [cross-axis-value]], [layout-gap-value]);`\n* direction: row, column, row-reverse, column-reverse (default row)\n* wrap: none, wrap (default none)\n* main-axis-value: null, start, center, end, space-around, space-between, space-evenly\n* cross-axis-value: null, start, center, end, space-around, space-between, space-evenly, stretch\n* layout-gap-value: % | px | vw | vh\n\n### reference\n* [fxLayout](https://github.com/angular/flex-layout/wiki/fxLayout-API)\n* [fxLayoutAlign](https://github.com/angular/flex-layout/wiki/fxLayoutAlign-API)\n* [fxLayoutGap](https://github.com/angular/flex-layout/wiki/fxLayoutGap-API)\n\n### example\n```scss\n@import \"~flex-layout-sass/mixin\";\n\n.selector {\n  @include fx-layout(row wrap, center center, 10px);\n}\n```\n\n## fx-flex\n`@include fx-flex(\u003cflex-value\u003e, [parent-direction]);`\n* flex-value: \"\" | px | % | vw | vh | \u003cgrow\u003e \u003cshrink\u003e \u003cbasis\u003e,;\n* parent-direction: row, column, row-reverse, column-reverse default row;\n    *  If parent-direction is not set, the last direction value of fx-layout is used.\n\n### references\n* [fxFlex](https://github.com/angular/flex-layout/wiki/fxFlex-API)\n\n### example\n```scss\n@import \"~flex-layout-sass/mixin\";\n\n.selector {\n  @include fx-flex;\n}\n.selector {\n  @include fx-flex(10px);\n}\n.selector {\n  @include fx-flex(auto);\n}\n.selector {\n  @include fx-flex(1 1 10px);\n}\n```\n\n## fx-flex-order\n`@include fx-flex-order(\u003corder-value\u003e);`\n* order-value: int\n\n### refereces\n* [fxFlexOrder](https://github.com/angular/flex-layout/wiki/fxFlexOrder-API)\n\n### example\n```scss\n@import \"~flex-layout-sass/mixin\";\n\n.selector {\n  @include fx-flex-order(1);\n}\n```\n\n## fx-flex-offset\n`@include fx-flex-offset(\u003coffset-value\u003e, [parent-direction]);`\n* offset-value: % (default) | px | vw | vh\n* parent-direction: row, column, row-reverse, column-reverse default row;\n    *  If parent-direction is not set, the last direction value of fx-layout is used.\n\n### refereces\n* [fxFlexOffset](https://github.com/angular/flex-layout/wiki/fxFlexOffset-API)\n\n### example\n```scss\n@import \"~flex-layout-sass/mixin\";\n\n.selector {\n  @include fx-flex-offset(10px);\n}\n```\n\n## fx-flex-align\n`@include fx-flex-align(\u003calign-value\u003e);`\n* align-value: start, center, end, baseline, stretch\n\n### refereces\n* [fxFlexAlign](https://github.com/angular/flex-layout/wiki/fxFlexAlign-API)\n\n### example\n```scss\n@import \"~flex-layout-sass/mixin\";\n\n.selector {\n  @include fx-flex-align(start);\n}\n```\n\n## fx-flex-fill\n`@include fx-flex-fill;`\n* alias **fx-fill**\n\n### refereces\n* [fxFlexFill](https://github.com/angular/flex-layout/wiki/fxFlexFill-API)\n\n### example\n```scss\n@import \"~flex-layout-sass/mixin\";\n\n.selector {\n  @include fx-flex-fill;\n}\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fniceilm%2Fflex-layout-sass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fniceilm%2Fflex-layout-sass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fniceilm%2Fflex-layout-sass/lists"}