{"id":15105228,"url":"https://github.com/acoustep/ember-cli-foundation-6-sass","last_synced_at":"2025-09-27T03:30:35.515Z","repository":{"id":51231878,"uuid":"46074362","full_name":"acoustep/ember-cli-foundation-6-sass","owner":"acoustep","description":null,"archived":true,"fork":false,"pushed_at":"2021-05-19T17:01:56.000Z","size":2082,"stargazers_count":64,"open_issues_count":27,"forks_count":32,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-08-16T18:19:12.177Z","etag":null,"topics":["ember","ember-addon","emberjs"],"latest_commit_sha":null,"homepage":null,"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/acoustep.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-11-12T19:05:22.000Z","updated_at":"2024-05-30T02:20:01.000Z","dependencies_parsed_at":"2022-09-05T10:51:19.738Z","dependency_job_id":null,"html_url":"https://github.com/acoustep/ember-cli-foundation-6-sass","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/acoustep/ember-cli-foundation-6-sass","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acoustep%2Fember-cli-foundation-6-sass","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acoustep%2Fember-cli-foundation-6-sass/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acoustep%2Fember-cli-foundation-6-sass/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acoustep%2Fember-cli-foundation-6-sass/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acoustep","download_url":"https://codeload.github.com/acoustep/ember-cli-foundation-6-sass/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acoustep%2Fember-cli-foundation-6-sass/sbom","scorecard":{"id":163291,"data":{"date":"2025-08-11","repo":{"name":"github.com/acoustep/ember-cli-foundation-6-sass","commit":"35710b9ad55588047875e12f0fadff1b420e97ca"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"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":"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":"Code-Review","score":0,"reason":"Found 0/2 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":"Maintained","score":0,"reason":"project is archived","details":["Warn: Repository is archived."],"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"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":"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":"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":"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":"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":"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":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE.md:0","Info: FSF or OSI recognized license: MIT License: LICENSE.md:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"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"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 28 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"100 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-wxhq-pm8v-cw75","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-rq8g-5pc5-wrhr","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-qrmc-fj45-qfc2","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-xf7w-r453-m56c","Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97","Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-6vfc-qv3f-vr6c","Warn: Project is vulnerable to: GHSA-7wpw-2hjm-89gp","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9","Warn: Project is vulnerable to: GHSA-pc58-wgmc-hfjr","Warn: Project is vulnerable to: GHSA-vvv8-xw5f-3f88","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p","Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-xfhp-gmh8-r8v2","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-2m39-62fm-q8r3","Warn: Project is vulnerable to: GHSA-mf6x-7mm4-x2g7","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-jgrx-mgxx-jf9v","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-v2p6-4mp7-3r9v","Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-h6q6-9hqw-rwfv","Warn: Project is vulnerable to: GHSA-5fg8-2547-mr8q","Warn: Project is vulnerable to: GHSA-crh6-fp67-6883","Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5","Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-16T14:10:00.541Z","repository_id":51231878,"created_at":"2025-08-16T14:10:00.541Z","updated_at":"2025-08-16T14:10:00.541Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276416470,"owners_count":25638745,"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-22T02:00:08.972Z","response_time":79,"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":["ember","ember-addon","emberjs"],"created_at":"2024-09-25T20:22:03.863Z","updated_at":"2025-09-27T03:30:34.999Z","avatar_url":"https://github.com/acoustep.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Ember CLI Foundation 6 SASS\n\n## Looking for maintainer\n\n*Sadly I am no longer able to maintain this project due to time constraints and no longer working with Foundation. I am happy to review pull requests but ideally I am looking for a new maintainer. If you're interested send me a message. New maintainer must already have reasonably popular packages, ideally within the Ember community.*\n\n## Installation\n\n```\nnpm install --save-dev ember-cli-sass\nember install ember-cli-foundation-6-sass\n```\n\n## Getting Started\n\nRun the generator to install the dependencies\n\n```bash\nember g ember-cli-foundation-6-sass\n```\n\nThen, either let the generator add the `app.scss` file, or include the following in your existing one:\n\n```\n// For foundation-sites \u003c= 6.3.0\n// @import 'foundation';\n// For foundation-sites \u003e= 6.3.0\n@include foundation-everything;\n```\nNote - Due to [issue](https://github.com/acoustep/ember-cli-foundation-6-sass/issues/44) introduced by `foundation-sites@6.3.0`, you should use the following in your `app.scss` until the issue resolved.\n```\n@import \"foundation-sites/foundation\";\n```\nAlso, if you encountered error `Error: File to import not found or unreadable: util/util.`, you need to include\n```\n@import \"foundation-sites/util/util\";\n```\n\nSee Foundation 6 documentation for details.\n\nhttp://foundation.zurb.com/sites/docs/\n\nIf you want to include just the partials that you are actually using in your app, copy the `foundation-everything` mixin\ninto a `foundation-custom` file, and import that mixin instead of the `foundation-everything` mixin. Then you can adjust\nwhat is and isn't included by editing the `foundation-custom` file. Warning: you will need to manage your dependencies\nand styles manually if going this route.\n\n## Javascript\n\nTo use Foundation's Javascript features add ```foundationJS``` to your Ember app's options.\n\n```javascript\n// ember-cli-build.js\n\n/* global require, module */\nvar EmberApp = require('ember-cli/lib/broccoli/ember-app');\n\nmodule.exports = function(defaults) {\n  var app = new EmberApp(defaults, {\n    // Add options here\n    'ember-cli-foundation-6-sass': {\n      'foundationJs': 'all'\n    }\n  });\n\n  return app.toTree();\n};\n```\n\n## Javascript Partials\n\nTo use only parts of Foundation's Javascript features add ```foundationJS``` to your\nEmber app's options with an array of the elements to include. Remove the elements that\nshould not be included. Using this method will require managing the dependencies for each\ncomponent and making sure the appropriate `util.` files are included for the components\nbeing included. Because Foundation since v6.2 has written the modules in ES6, they need\nto be transpiled to ES5 (Ember does not transpile the vendors.js files).\n\n```javascript\n// ember-cli-build.js\n\n/* global require, module */\nvar EmberApp = require('ember-cli/lib/broccoli/ember-app');\n\nmodule.exports = function(defaults) {\n  var app = new EmberApp(defaults, {\n    // Add options here\n    'ember-cli-foundation-6-sass': {\n            'foundationJs': [\n                'core',\n                'util.box',\n                'util.keyboard',\n                'util.mediaQuery',\n                'util.motion',\n                'util.nest',\n                // Renamed from util.timerAndImageLoader to util.timer in foundation-sites@6.4\n                // 'util.timerAndImageLoader',\n                'util.timer'\n                'util.touch',\n                'util.triggers',\n                'abide',\n                'accordion',\n                'accordionMenu',\n                'drilldown',\n                'dropdown',\n                'dropdownMenu',\n                'equalizer',\n                'interchange',\n                'magellan',\n                'offcanvas',\n                'orbit',\n                'responsiveMenu',\n                'responsiveToggle',\n                'reveal',\n                'slider',\n                'sticky',\n                'tabs',\n                'toggler',\n                'tooltip'\n            ]\n        },\n    }\n  });\n\n  return app.toTree();\n};\n```\n\n## Change Log\n\n### \u003e 0.0.24\n`foundation-sites` is imported and usage of `Foundation` global has been deprecated. Custom wrappers that triggers the Foundation jQuery plugin will need to import `foundation-sites` in order for the Foundation jQuery plugin to be available.\n\nExample:\n\n```javascript\nimport Ember from \"ember\";\nimport \"foundation-sites\";\n\nexport default Ember.Component.extend({\n  didInsertElement() {\n    this.$().foundation();\n  }\n});\n\n```\n\n## Included components\n\nMajority of the Foundation components which require Javascript have been turned into Ember components.\n\nThe vast majority of the Foundation Javascript options have been exposed as component parameters.\nSee the Zurb Foundation for Sites documentation for any specifics.\n\nAny exceptions are documented below.\n\nEach Foundation Javascript widget can be directly accessed through the zfUi property. For example,\nthe following would call the open method on the reveal component:\n\n```javascript\nmyRevealComponent.get('zfUi').open();\n```\n\nA full sample is available in tests/dummy/app/templates/application.hbs\n\nTo run the sample, clone this repo and run:\n\n```bash\nnpm install\nember serve\n```\n\n### Accordion Menu\n\nUsage\n\n```hbs\n{{#zf-accordion-menu}}\n  \u003cli\u003e\n    \u003ca href=\"#\"\u003eItem 1\u003c/a\u003e\n    \u003cul class=\"menu vertical nested\"\u003e\n      \u003cli\u003e\u003ca href=\"#\"\u003eItem 1A\u003c/a\u003e\u003c/li\u003e\n      \u003cli\u003e\u003ca href=\"#\"\u003eItem 1B\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"#\"\u003eItem 2\u003c/a\u003e\u003c/li\u003e\n{{/zf-accordion-menu}}\n```\n\n### Accordion\n\nUsage\n\n```hbs\n{{#zf-accordion}}\n  \u003cli class=\"accordion-item is-active\" data-accordion-item\u003e\n    \u003ca class=\"accordion-title\"\u003eAccordion 1\u003c/a\u003e\n    \u003cdiv class=\"accordion-content\" data-tab-content\u003e\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n    \u003c/div\u003e\n  \u003c/li\u003e\n  \u003cli class=\"accordion-item\" data-accordion-item\u003e\n    \u003ca class=\"accordion-title\"\u003eAccordion 2\u003c/a\u003e\n    \u003cdiv class=\"accordion-content\" data-tab-content\u003e\n      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse aliquid, optio ab!\n    \u003c/div\u003e\n  \u003c/li\u003e\n  \u003cli class=\"accordion-item\" data-accordion-item\u003e\n    \u003ca class=\"accordion-title\"\u003eAccordion 3\u003c/a\u003e\n    \u003cdiv class=\"accordion-content\" data-tab-content\u003e\n      I would start in the open state, due to using the `is-active` state class.\n    \u003c/div\u003e\n  \u003c/li\u003e\n{{/zf-accordion}}\n```\n\n### Callout (With `ember-cli-flash` Integration)\n\nThis addon tends to avoid markup-only related components, this component is a special case.\nThis is a good way to easily provide a flash-message-style component to your Ember app.\n\nThis is designed to integrate with the [ember-cli-flash](https://github.com/poteto/ember-cli-flash) addon\n(which provides a foundation5 styling option)\n\nUsage with ember-cli-flash\n\n```hbs\n  {{#each flashMessages.queue as |flash|}}\n    {{zf-callout flash=flash}}\n  {{/each}}\n\n```\n\nIf you want to bring your own data and actions:\n\n```hbs\n  {{zf-callout type=\"success\" content=\"add content here\"}}\n```\n\nOr use block params:\n\n```hbs\n  {{#zf-callout}}\n    Oops, something happened, but I don't know what.\n  {{/zf-callout}}\n```\n\n\n### Drilldown Menu\n\nUsage\n\n```hbs\n{{#zf-drilldown-menu}}\n  \u003cli\u003e\n    \u003ca href=\"#\"\u003eItem 1\u003c/a\u003e\n    \u003cul class=\"vertical menu\"\u003e\n      \u003cli\u003e\u003ca href=\"#\"\u003eItem 1A\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"#\"\u003eItem 2\u003c/a\u003e\u003c/li\u003e\n{{/zf-drilldown-menu}}\n```\n\n### Dropdown Menu\n\nUsage\n\n```hbs\n{{#zf-dropdown-menu class=\"vertical\"}}\n  \u003cli\u003e\n    \u003ca href=\"#\"\u003eItem 1\u003c/a\u003e\n    \u003cul class=\"menu\"\u003e\n      \u003cli\u003e\u003ca href=\"#\"\u003eItem 1A\u003c/a\u003e\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"#\"\u003eItem 2\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"#\"\u003eItem 3\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"#\"\u003eItem 4\u003c/a\u003e\u003c/li\u003e\n{{/zf-dropdown-menu}}\n```\n\n### Dropdown\n\nUsage\n\n```hbs\n\u003cbutton class=\"button\" data-toggle=\"example-dropdown\"\u003eToggle Dropdown\u003c/button\u003e\n{{#zf-dropdown id=\"example-dropdown\"}}\n  Example form in a dropdown.\n  \u003cform\u003e\n    \u003cdiv class=\"row\"\u003e\n      \u003cdiv class=\"medium-6 columns\"\u003e\n        \u003clabel\u003eName\n          \u003cinput type=\"text\" placeholder=\"Kirk, James T.\"\u003e\n        \u003c/label\u003e\n      \u003c/div\u003e\n      \u003cdiv class=\"medium-6 columns\"\u003e\n        \u003clabel\u003eRank\n          \u003cinput type=\"text\" placeholder=\"Captain\"\u003e\n        \u003c/label\u003e\n      \u003c/div\u003e\n    \u003c/div\u003e\n  \u003c/form\u003e\n{{/zf-dropdown}}\n```\n\n### Magellan\n\nUsage\n\n```hbs\n{{#zf-magellan}}\n  \u003cli\u003e\u003ca href=\"#reveal\"\u003eReveal\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"#accordion-menu\"\u003eAccordion Menu\u003c/a\u003e\u003c/li\u003e\n  \u003cli\u003e\u003ca href=\"#accordion\"\u003eAccordion\u003c/a\u003e\u003c/li\u003e\n{{/zf-magellan}}\n\n\u003cdiv class=\"row\" id=\"reveal\"\u003e\n\u003c!-- Your content here --\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"row\" id=\"accordion-menu\"\u003e\n\u003c!-- Your content here --\u003e\n\u003c/div\u003e\n\n\u003cdiv class=\"row\" id=\"accordion\"\u003e\n\u003c!-- Your content here --\u003e\n\u003c/div\u003e\n```\n\n### Off-canvas\n\nThere are several additional options outside of the documented options on the Zurb Foundation\nsite.\n\n| Option | Description |\n| --- | --- |\n| showLeftOffCanvas | Show left off-canvas element |\n| showRightOffCanvas | Show right off-canvas element |\n\nAccessing the zf widget directly is a bit different with the off-canvas component. In the case\nof a single off canvas element (i.e. left *or* right ) the zfUi element can be accessed. However,\nif both the showLeftOffCanvas and showRightOffCanvas flags are set, this is a bit problematic.\nAn array containing both of the elements can be accessed as the zfUiList member.\n\nUsage. This illustrates both a left and right off-canvas widget.\n\n```hbs\n{{#zf-off-canvas showRightOffCanvas=true as |section| }}\n\n  {{#if section.isOffCanvasLeft}}\n    \u003cp\u003eExample left off canvas content\u003c/p\u003e\n  {{else if section.isOffCanvasRight}}\n    \u003cp\u003eExample right off canvas content\u003c/p\u003e\n  {{else}}\n\n    \u003c!-- Main body goes here --\u003e\n\n    \u003c!-- Buttons to toggle off canvas --\u003e\n\n    \u003cbutton class=\"button\" data-toggle=\"zf-off-canvas-left\"\u003eToggle Off-canvas Left\u003c/button\u003e\n    \u003cbutton class=\"button\" data-toggle=\"zf-off-canvas-right\"\u003eToggle Off-canvas Right\u003c/button\u003e\n\n  {{/if}}\n{{/zf-off-canvas}}\n```\n\n### Orbit\n\nThe following options are not yet supported:\n* animInFromRight\n* animOutToRight\n* animInFromLeft\n* animOutToLeft\n* useMUI\n\nUsage\n\n```hbs\n{{#zf-orbit nav-buttons=true}}\n  \u003cul class=\"orbit-container\"\u003e\n    \u003cbutton class=\"orbit-previous\" aria-label=\"previous\"\u003e\u003cspan class=\"show-for-sr\"\u003ePrevious Slide\u003c/span\u003e\u0026#9664;\u003c/button\u003e\n    \u003cbutton class=\"orbit-next\" aria-label=\"next\"\u003e\u003cspan class=\"show-for-sr\"\u003eNext Slide\u003c/span\u003e\u0026#9654;\u003c/button\u003e\n    \u003cli class=\"is-active orbit-slide\"\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"text-center\"\u003e1: You can also throw some text in here!\u003c/h3\u003e\n        \u003cp class=\"text-center\"\u003eAchieve an animation-free Orbit with the data attribute data-use-m-u-i=\"false\"\u003c/p\u003e\n        \u003ch3 class=\"text-center\"\u003eThis Orbit slider does not use animations.\u003c/h3\u003e\n      \u003c/div\u003e\n    \u003c/li\u003e\n    \u003cli class=\"orbit-slide\"\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"text-center\"\u003e2: You can also throw some text in here!\u003c/h3\u003e\n        \u003cp class=\"text-center\"\u003e\n          Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n          Unde harum rem, beatae ipsa consectetur quisquam. Rerum ratione, delectus atque\n          tempore sed, suscipit ullam, beatae distinctio cupiditate ipsam eligendi tempora\n          expedita.\n        \u003c/p\u003e\n        \u003ch3 class=\"text-center\"\u003eThis Orbit slider does not use animations.\u003c/h3\u003e\n      \u003c/div\u003e\n    \u003c/li\u003e\n    \u003cli class=\"orbit-slide\"\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"text-center\"\u003e3: You can also throw some text in here!\u003c/h3\u003e\n        \u003cp class=\"text-center\"\u003e\n          Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde harum rem,\n          beatae ipsa consectetur quisquam. Rerum ratione, delectus atque tempore sed,\n          suscipit ullam, beatae distinctio cupiditate ipsam eligendi tempora expedita.\n        \u003c/p\u003e\n        \u003ch3 class=\"text-center\"\u003eThis Orbit slider does not use animations.\u003c/h3\u003e\n      \u003c/div\u003e\n    \u003c/li\u003e\n    \u003cli class=\"orbit-slide\"\u003e\n      \u003cdiv\u003e\n        \u003ch3 class=\"text-center\"\u003e4: You can also throw some text in here!\u003c/h3\u003e\n        \u003cp class=\"text-center\"\u003e\n          Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n          Unde harum rem, beatae ipsa consectetur quisquam. Rerum ratione, delectus atque\n          tempore sed, suscipit ullam, beatae distinctio cupiditate ipsam eligendi tempora\n          expedita.\n        \u003c/p\u003e\n        \u003ch3 class=\"text-center\"\u003eThis Orbit slider does not use animations.\u003c/h3\u003e\n      \u003c/div\u003e\n    \u003c/li\u003e\n  \u003c/ul\u003e\n  \u003cnav class=\"orbit-bullets\"\u003e\n   \u003cbutton class=\"is-active\" data-slide=\"0\"\u003e\u003cspan class=\"show-for-sr\"\u003eFirst slide details.\u003c/span\u003e\n     \u003cspan class=\"show-for-sr\"\u003eCurrent Slide\u003c/span\u003e\u003c/button\u003e\n   \u003cbutton data-slide=\"1\"\u003e\u003cspan class=\"show-for-sr\"\u003eSecond slide details.\u003c/span\u003e\u003c/button\u003e\n   \u003cbutton data-slide=\"2\"\u003e\u003cspan class=\"show-for-sr\"\u003eThird slide details.\u003c/span\u003e\u003c/button\u003e\n   \u003cbutton data-slide=\"3\"\u003e\u003cspan class=\"show-for-sr\"\u003eFourth slide details.\u003c/span\u003e\u003c/button\u003e\n \u003c/nav\u003e\n{{/zf-orbit}}\n```\n\n### Reveal\n\nThe following options are not yet supported:\n* animationIn\n* animationOut\n\nUsage\n\n```hbs\n\u003cp\u003e\u003ca data-open=\"exampleModal\"\u003eClick me for a modal\u003c/a\u003e\u003c/p\u003e\n{{#zf-reveal id=\"exampleModal\" overlay=showDialogOverlay}}\n  \u003ch1\u003eAwesome. I Have It.\u003c/h1\u003e\n  \u003cp class=\"lead\"\u003eYour couch. It is mine.\u003c/p\u003e\n  \u003cp\u003eI'm a cool paragraph that lives inside of an even cooler modal. Wins!\u003c/p\u003e\n  \u003cbutton class=\"close-button\" data-close aria-label=\"Close reveal\" type=\"button\"\u003e\n    \u003cspan aria-hidden=\"true\"\u003e\u0026times;\u003c/span\u003e\n  \u003c/button\u003e\n{{/zf-reveal}}\n\u003cp\u003e{{input type=\"checkbox\" name=\"showDialogOverlay\" checked=showDialogOverlay}} Show Overlay\u003c/p\u003e\n```\n\n### Slider\n\nUsage\n\n```hbs\n{{#zf-slider}}\n  \u003cspan class=\"slider-handle\"  data-slider-handle role=\"slider\" tabindex=\"1\"\u003e\u003c/span\u003e\n  \u003cspan class=\"slider-fill\" data-slider-fill\u003e\u003c/span\u003e\n  \u003cinput type=\"hidden\"\u003e\n{{/zf-slider}}\n```\n\n### Tabs\n\nUsage\n\n```hbs\n{{#zf-tabs id=\"example-tabs\"}}\n  \u003cli class=\"tabs-title is-active\"\u003e\u003ca href=\"#panel1\" aria-selected=\"true\"\u003eTab 1\u003c/a\u003e\u003c/li\u003e\n  \u003cli class=\"tabs-title\"\u003e\u003ca href=\"#panel2\"\u003eTab 2\u003c/a\u003e\u003c/li\u003e\n{{/zf-tabs}}\n\u003cdiv class=\"tabs-content\" data-tabs-content=\"example-tabs\"\u003e\n  \u003cdiv class=\"tabs-panel is-active\" id=\"panel1\"\u003e\n    \u003cp\u003e\n      Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus\n      ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est\n      bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.\n    \u003c/p\u003e\n  \u003c/div\u003e\n  \u003cdiv class=\"tabs-panel\" id=\"panel2\"\u003e\n    \u003cp\u003e\n      Suspendisse dictum feugiat nisl ut dapibus.  Vivamus hendrerit arcu sed erat molestie\n      vehicula. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis\n      nisl tempor.  Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor.\n    \u003c/p\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\n### Tooltip\n\nThe template option has been renamed to zf-template as this causes a collision with an existing\nEmber component member.\n\nUsage\n\n```hbs\n\u003cp\u003e\n  The {{#zf-tooltip title=\"Fancy word for a beetle.\"}}scarabaeus{{/zf-tooltip}} hung quite\n  clear of any branches, and, if allowed to fall, would have fallen at our feet. Legrand\n  immediately took the scythe, and cleared with it a circular space, three or four yards\n  in diameter, just beneath the insect, and, having accomplished this, ordered Jupiter to\n  let go the string and come down from the tree.\n\u003c/p\u003e\n```\n\n## Work to do\n\n- [ ] Improve unit and integration tests\n- [ ] Improve documentation\n- [ ] Create an adapter so Liquid Fire can be used natively instead of Motion\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facoustep%2Fember-cli-foundation-6-sass","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facoustep%2Fember-cli-foundation-6-sass","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facoustep%2Fember-cli-foundation-6-sass/lists"}