acoustep / ember-cli-foundation-6-sass Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
First, thank u for this project.
I need to change background-color off class .top-bar from $light-gray to $white, but if I change in node_modules/ember-cli-foundation-6-sass I will lost all changes in CSS. What the right in this case?
Ty.
Current 6.3.0 Foundation uses (jQuery) in core: foundation-sites/js/foundation.core.js
and that makes fastboot unhappy:
ReferenceError: jQuery is not defined
at /Users/gandalf/hacking/radio/frontend/dist/fastboot/vendor.js:70924:3
at ContextifyScript.Script.runInContext (vm.js:35:29)
at Sandbox.VMSandbox.eval (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/vm-sandbox.js:14:14)
at EmberApp.loadAppFiles (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/ember-app.js:141:13)
at EmberApp.retrieveSandboxedApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/ember-app.js:182:10)
at new EmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/ember-app.js:48:21)
at FastBoot._buildEmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/index.js:111:17)
at new FastBoot (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/index.js:52:10)
at fastbootExpressMiddleware (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot-express-middleware/index.js:24:16)
at exec.then (/Users/gandalf/hacking/radio/frontend/node_modules/ember-cli-fastboot/lib/tasks/fastboot-server.js:33:71)
at tryCatch (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:215:12)
at invokeCallback (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:230:13)
at publish (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:198:7)
at flush (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/asap.js:85:5)
at _combinedTickCallback (internal/process/next_tick.js:67:7)
at process._tickCallback (internal/process/next_tick.js:98:9)
As of Ember 2.12.0, receive the following deprecation error:
DEPRECATION: Addon files were detected in /Users/USER/Documents/Development/ember-vibe/node_modules/ember-cli-foundation-6-sass/addon
, but no JavaScript preprocessors were found for ember-cli-foundation-6-sass
. Please make sure to add a preprocessor (most likely ember-cli-babel
) to in dependencies
(NOT devDependencies
) in ember-cli-foundation-6-sass
's package.json
.
I installed the package tonight using this syntax (no errors):
ember install ember-cli-foundation-6-sass
I get this error in the console:
Error: Assertion Failed: A helper named "zf-menu" could not be found
Here is my code in application.hbs:
{{#zf-menu}}
<ul class="menu">
<li class="menu=text"><em>Site Title</em></li>
<li>
{{#link-to 'index'}}
Home
{{/link-to}}
</li>
<li>
{{#link-to 'administration'}}
Administration
{{/link-to}}
</li>
<li>
{{#link-to 'performance'}}
Performance
{{/link-to}}
</li>
</ul>
{{/zf-menu}}
Im having an issue with a list of items returned from the server after a passed in search string. As the search keyword changes the, accordion items change to properly reflect the matching results, however after the accordion <li>
s change they no longer open/close.
Is there a way to re-initiate foundation on the accordion object after the contents change?
Identify and fix issues surrounding ember-cli-babel 6.x release
foundation-sites 6.3 now imports SCSS from the _vendor/
directory using @import "../_vendor/normalize-scss/sass/normalize";
. This isn't supported by the current broccoli config, because ../_vendor
isn't in the tree.
One solution would be to change index.js
:
var foundationPath = path.join(app.bowerDirectory, 'foundation-sites');
But then everyone would have to update their SCSS to @import 'scss/foundation'
. Not sure what the best solution is here - might need to use some Broccoli magic to make this work. In the meantime we might want to use a version specifier that avoids users getting v6.3.
Wondering if there is a plan to upgrade this to foundation 6.2.1 and if a PR would help?
Hi there,
Curious how high of priority the liquid fire adapter is?
Best,
.dig
The template is rendered without error. But immediately displays all menu items.
ember-cli: 2.10.1
node: 4.7.2
in package.json
"ember-cli-foundation-6-sass": "0.0.16"
in bower.json:
"foundation-sites": "~6.2.4"
Template:
zf-dropdown-menu class='horizontal'
li
a href=#
| Link1
a href=#
| Link2
li
a href=#
| Link3
When a zf-reveal component is inserted into the page, an overlay is created and injected into the element. But when the zf-reveal component is unloaded the overlay isn't destroyed.
I've set a new ember 2.10.0 project and after installing ember-cli-foundation-6-sass 0.18 I got
a SassCompiler compiling error when it tries to @import "util/util";
Full error trace is on ember serve
is:
Livereload server on http://localhost:49152
Serving on http://localhost:4200/
File: /Users/nachosaski/workspace/ember-vers/tmp/sass_compiler-input_base_path-74l93EFP.tmp/0/app/styles/_settings.scss (44)
The Broccoli Plugin: [SassCompiler] failed with:
Error: File to import not found or unreadable: util/util.
Parent style sheet: /Users/nachosaski/workspace/ember-vers/tmp/sass_compiler-input_base_path-74l93EFP.tmp/0/app/styles/_settings.scss
at options.error (/Users/nachosaski/workspace/ember-vers/node_modules/node-sass/lib/index.js:286:26)
I have a feeling this has to do with foundation-sites
codebase, but here goes...
I have a fresh install of foundation-sites v6.3.0, and it is bombing out during my build complaining about being unable to load ../_vendor/normalize-scss/sass/normalize
.
Please see output below:
File: /tmp/sass_compiler-input_base_path-djMaZN2O.tmp/1/foundation.scss (9)
The Broccoli Plugin: [SassCompiler] failed with:
Error: File to import not found or unreadable: ../_vendor/normalize-scss/sass/normalize
Parent style sheet: /tmp/sass_compiler-input_base_path-djMaZN2O.tmp/1/foundation.scss
at options.error (/node_modules/ember-cli-sass/node_modules/broccoli-sass-source-maps/node_modules/node-sass/lib/index.js:286:26)
Any help is much appreciated. Thanks!
I tried to install and got this error right away:
$ ember install ember-cli-foundation-6-sass
Installed packages for tooling via npm.
Cannot find module 'babel-core'
Error: Cannot find module 'babel-core'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/...../node_modules/ember-cli-foundation-6-sass/index.js:5:13)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
Using:
ember-cli: 2.9.1
node: 6.9.1
I'm looking for a way to trigger an action in my controller when the Reveal widget is closed. Foundation has these events: http://foundation.zurb.com/sites/docs/reveal.html#js-events
It would be great if I could setup my component like this:
{{#zf-reveal onClose=(action 'modalClosed')}}
The individual Foundation JS component files are written in ES6 and need to be transpiled for browsers that don't support ES6 features. As far as I can tell, it does not appear that Ember's build process transpiles ES6 when included in the vendors.js file via app.import(...)
.
ember-cli-babel is installed and transpiles files from app/
just fine. If there is an option to tell the CLI to transpile the vendor files as well, I have not found it, please let me know.
'ember-cli-foundation-6-sass': { 'foundationJs': [ 'core', ... ] };
This appears to be supported, but may be functionality left over from versions that did not require transpiling.
Error: Attempting to watch missing directory: node_modules/ember-cli-foundation-6-sass/node_modules/foundation-sites/scss
at EventEmitter.Watcher_addWatchDir [as addWatchDir] (/my-project/node_modules/broccoli-sane-watcher/index.js:90:11)
at /my-project/node_modules/broccoli/lib/builder.js:94:35
at lib$rsvp$$internal$$tryCatch (/my-project/node_modules/rsvp/dist/rsvp.js:493:16)
at lib$rsvp$$internal$$invokeCallback (/my-project/node_modules/rsvp/dist/rsvp.js:505:17)
at /my-project/node_modules/rsvp/dist/rsvp.js:1001:13
at lib$rsvp$asap$$flush (/my-project/ember-frontend/node_modules/rsvp/dist/rsvp.js:1198:9)
at doNTCallback0 (node.js:419:9)
at process._tickCallback (node.js:348:13)
in case anyone else encounters this - hangs here:
⸨ ░⸩ ⠹ runTopLevelLifecycles: sill install printInstalled
rename/remove app.scss and restart
Hi, I have the following code in my application.emblem (this is my first ember app so please bear with me)
.title-bar data-responsive-toggle="example-menu" data-hide-for="medium"
button.menu-icon type="button" data-toggle=""
.title-bar-title Menu
.top-bar#example-menu
.top-bar-left
= zf-dropdown-menu
li
a href="#" Item 1
ul.menu
li
a href="#" Item 1A
li
a href="#" Item 2
li
a href="#" Item 3
li
a href="#" Item 4
.top-bar-right
ul.menu
li
input type="search" placeholder="Search"
li
button.button type="button" Search
The zf-dropdown-menu has been nicely exposed as an ember component, but I don't see the title bar in the ember-cli-foundation-6-sass. The foundation docs imply that title-bar also requires javascript.
Do you know anything to the contrary? And is adding support as simple as adding a zf-title-bar.js to app/components and addon/components similar to zf-dropdown-menu.js?
Happy to submit a PR with a little guidance.
foundation-sites
bumped versions to 6.3 and moved files around in their dist
folder. This is causing ember-cli-foundation-6-sass
to fail build.
Upgraded to the latest version of this addon which no longer uses bower.
Now when running ember test --environment=production
, integration and acceptance tests fail with ReferenceError: Foundation is not defined
I created a brand new app and was able to reproduce the problem.
I've followed ember-cli-foundation-6-sass readme.md:
adding it to my project
running the generator ember g ember-cli-foundation-6-sass,
and updated my ember-cli-build.js too:
module.exports = function(defaults) {
var app = new EmberApp(defaults, {
// Add options here
'ember-cli-foundation-6-sass': {
'foundationJs': 'all'
}
});
I've then copied the code from : https://codepen.io/IamManchanda/pen/KmepBg?editors=1000
for a responsive menu into my application.hbs.
All of the foundation styles are working fine. However the javascript doesn't appear to have been triggered. Both menus are showing up. If I then open up chromes console and do
$(document).foundation();
Then the menu springs into action.
am I missing something?
Currently on alpha2.
The current ember-cli-fastboot
releases (1.0.0-rc.1 and above) introduce breaking changes. These will most likely break your current FastBoot implementation.
See ember-fastboot/ember-cli-fastboot#387 for more information and a guide on how to fix your addon. Also you may want to visit the -fastboot
Slack channel to get help from other users.
Note: this issue has been created automatically, by searching for certain patterns in your code. If you think this has been falsely created, feel free to close!
Current master
fails with Ember 2.14 and up. The error is attached. Anyone got any ideas on how to approach fixing this? 2.8-lts works fine.
➜ ember-cli-foundation-6-sass git:(master) ✗ ember try:one ember-release test
yarn install v0.27.5
warning package.json: "dependencies" has dependency "ember-cli-htmlbars" with range "^1.0.2" that collides with a dependency in "devDependencies" of the same name with version "^1.1.1"
warning [email protected]: "dependencies" has dependency "ember-cli-htmlbars" with range "^1.0.2" that collides with a dependency in "devDependencies" of the same name with version "^1.1.1"
[1/4] Resolving packages...
warning [email protected]: ..psst! While Bower is maintained, we recommend Yarn and Webpack for *new* front-end projects! Yarn's advantage is security and reliability, and Webpack's is support for both CommonJS and AMD projects. Currently there's no migration path, but please help to create it: https://github.com/bower/bower/issues/2467
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
Done in 8.73s.
=== Scenario: ember-release ====================================================
DEPRECATION: Putting the "includePolyfill" option in "babel" is deprecated, please put it in "ember-cli-babel" instead.
Cannot find module '/Users/gandalf/build/ember-cli-foundation-6-sass/bower_components/ember/ember-template-compiler'
Error: Cannot find module '/Users/gandalf/build/ember-cli-foundation-6-sass/bower_components/ember/ember-template-compiler'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at Class.included (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli-htmlbars-inline-precompile/index.js:76:20)
at Class.superWrapper [as included] (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/core-object/lib/assign-properties.js:34:20)
at EmberAddon.<anonymous> (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli/lib/broccoli/ember-app.js:527:17)
at Array.filter (native)
at EmberAddon._notifyAddonIncluded (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli/lib/broccoli/ember-app.js:524:47)
at EmberAddon.EmberApp (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli/lib/broccoli/ember-app.js:144:10)
Result: false
---
------ RESULTS ------
Scenario ember-release: FAIL
Command run: ember test
┌────────────────────┬────────────────────┬──────────────────────────────┬──────────┐
│ Dependency │ Expected │ Used │ Type │
├────────────────────┼────────────────────┼──────────────────────────────┼──────────┤
│ ember │ components/ember#… │ 2.14.1-null+fb70cae3 │ yarn │
├────────────────────┼────────────────────┼──────────────────────────────┼──────────┤
│ ember-source │ Not Installed │ Not Installed │ yarn │
└────────────────────┴────────────────────┴──────────────────────────────┴──────────┘
1 scenarios failed
0 scenarios succeeded
1 scenarios run
App is being served by FastBoot
ReferenceError: jQuery is not defined
at /Users/gandalf/hacking/radio/frontend/tmp/broccoli_persistent_filterautoprefixer_filter-output_path-32mVAfM5.tmp/assets/vendor.js:74650:3
at ContextifyScript.Script.runInContext (vm.js:32:29)
at VMSandbox.eval (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/vm-sandbox.js:14:14)
at /Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:142:15
at Array.forEach (native)
at EmberApp.loadAppFiles (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:139:21)
at EmberApp.retrieveSandboxedApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:187:10)
at new EmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:50:21)
at FastBoot._buildEmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/index.js:114:17)
at new FastBoot (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/index.js:52:10)
at app.use (/Users/gandalf/hacking/radio/frontend/node_modules/ember-cli-fastboot/index.js:239:29)
at Layer.handle [as handle_request] (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/layer.js:95:5)
at trim_prefix (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:317:13)
at /Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:284:7
at Function.process_params (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:335:12)
at next (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:275:10)
at err (/Users/gandalf/hacking/radio/frontend/node_modules/ember-cli/lib/tasks/server/middleware/broccoli-watcher/index.js:54:11)
at watcher.then.errorHandler.buildError (/Users/gandalf/hacking/radio/frontend/node_modules/broccoli-middleware/lib/watcher-middleware.js:35:7)
at tryCatch (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:216:12)
at invokeCallback (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:231:13)
at /Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/then.js:29:16
at flush (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/asap.js:85:5)
at _combinedTickCallback (internal/process/next_tick.js:73:7)
at process._tickCallback (internal/process/next_tick.js:104:9)
I'm trying to follow https://gist.github.com/kratiahuja/d22de0fb1660cf0ef58f07a6bcbf1a1c to prepare a patch
On ember-cli 2.5.1. $().foundation() is triggered by the initializer but it's not doing anything.
I have a component template that has the example responsive header from Foundation 6 Site docs:
The only way I've made it work was to go into web console and type $(document).foundation();
I've tried creating my own initializers/zf-widget.js with $(document).foundation();
and, while that line of code is executed, the menu isn't working correctly. Nothing is hidden and the dropdowns are still expanded.
My ember-cli-build.js
looks like:
var app = new EmberApp(defaults, {
// Add options here
'ember-cli-foundation-6-sass': {
'foundationJs': 'all'
}
});
Hi, I am not being able to install it with ember-cli 2.13.1 I just ran ember install ember-cli-foundation-6-sass
and the error
Yarn: Installed ember-cli-foundation-6-sass
[email protected] requires the host to use ember-cli-babel@5. To use ember-cli-babel@6 please upgrade ember-cli-htmlbars-inline-precompile to 0.4.
I tried to follow the upgrade path suggested on the error but it ends up in nothing, just circular errors.
![Terminal capture]
(https://lh3.googleusercontent.com/-nsem34Tg5ek/WQ8t-lI5PEI/AAAAAAAAcl8/bxGCRwSlSCETG7PeJImNEi5fum2xiD4GQCL0B/h570/daniel%2540dnipro%253A%2B%257E-dev-todo-list-2_021.png)
Hey there -
I've been enjoying this project a lot.
Would you be interested in adding a flash-message-compatable component for this library?
(If so, I'd be happy to submit a PR).
The https://github.com/poteto/ember-cli-flash project uses foundation5, so just providing a component that basically adds the right markup.
Hi,
I used the Orbit component and I wanted to define a custom initial slide.
I added the is-active
class to the orbit-slide
that I wanted to be the first slide to be displayed.
But the first orbit-slide
in the HTML is still displayed as the first slide of the Orbit carousel.
Isn't this behavior supported by Foundation-Orbit ?
Thanks
Your docs mention this:
Each Foundation Javascript widget can be directly accessed through the zfUi property. For example, the following would call the open method on the reveal component:
myRevealComponent.get('zfUi').open();
Where does the reference to myRevealComponent
come from?
The Magellan component is broken. - Specifically, the functionality that highlights the active section's <a>
element by assigning the active
class while scrolling through the sections. I have attached a simple app demonstrating this. If you load the route that contains the component (far
in the demo app), it sometimes works. Keep refreshing, and you should be able to break it after one or two refreshes. Even worse, when navigating to a different route (away
in the demo app) and then navigating back, it is broken every time.
How do I install this addon?
Tried ember install ember-cli-foundation-6-sass
.
output:
Error: Cannot find module '/home/william/dev/ember-project/node_modules/ember-cli-foundation-6-sass/bower.json'
Tried npm install ember-cli-foundation-6-sass --save-dev
. It installed but if I try to use ember g ember-cli-foundation-6-sass
the output is the same as the above one.
What am I missing? Should not this be documented?
May be i do not understand how, but can i make zf-callout closeable? Adding appropriate button (from zurb docs) do not make it work.
How can I set the option in the {{zf-slider}}
component so I can specify data-start
, data-end
, data-step
, data-initial-start
, etc?
Furthermore, how can I access the value that is set in the <input>
?
It seems like all we get is the UI, which is useless unless its functional. Could you provide a better example of this component?
Would be great if you can use the positioning options and make dropdown available on hover. Currently the following code is not supported:
<button data-toggle="example-dropdown">Hover me</button>
{{#zf-dropdown id="example-dropdown" class="dropdown-pane top" data-hover="true" data-hover-pane="true"}}
Hello
{{/zf-dropdown}}
When I tried to install via ember-cli , it gives that error.
// using foundation-sites v6.1
ember-cli-build.js:
module.exports = function (defaults) {
var app = new EmberApp(defaults, {
'ember-index': indexConfig,
emberCliFontAwesome: {
useScss: true
},
'ember-cli-foundation-6-sass': {
'foundationJs': 'all'
}
}
);
Markup:
{{#zf-tabs}}
{{#each otherAppSearches as |search|}}
Getting:
"Uncaught Error: Assertion Failed: A helper named 'zf-tabs' could not be found"
As soon as the tab control attempts to render.
Is there something I am missing to get the tab behaviors to work?
I've created a new ember 2.10 app, installed ember-cli-sass, ran ember server
to confirm that 2.10 works with sass, then installed ember-cli-6-foundation-sass, and tried to run ember g ember-cli-6-foundation-sass
but I get the following error:
Cannot find module 'broccoli-sass-source-maps'
Error: Cannot find module 'broccoli-sass-source-maps'
at Function.Module._resolveFilename (module.js:325:15)
at Function.Module._load (module.js:276:25)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object.<anonymous> ({{currentDirectory}}/node_modules/ember-cli-sass/index.js:1:82)
at Module._compile (module.js:397:26)
at Object.Module._extensions..js (module.js:404:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
I can run npm install --save-dev brocolli-sass-source-maps
separately & re-run ember g ember-cli-6-foundation-sass
, and it passes, but figure this should be added to initial install.
The issue came up when installing the addon.
There's an error at https://github.com/acoustep/ember-cli-foundation-6-sass/blob/master/blueprints/ember-cli-foundation-6-sass/index.js#L3.
Cannot find module '../../bower.json'
Error: Cannot find module '../../bower.json'
at Function.Module._resolveFilename (module.js:438:15)
at Function.Module._load (module.js:386:25)
at Module.require (module.js:466:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/dev/ember-app/node_modules/ember-cli-foundation-6-sass/blueprints/ember-cli-foundation-6-sass/index.js:3:19)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:456:32)
at tryModuleLoad (module.js:415:12)
at Function.Module._load (module.js:407:3)
I think the reason is that require
is looking up relative to the CWD instead of file's directory.
I'm trying to use a reveal in an ember loaded route, it works the first time you load the route, but it will fail to add the data-reveal
attribute on subsequent load.
Versions
Ember: 2.10
ember-cli-foundation-6-sass: 0.0.18
foundation-6: 6.3.0
I'm using Windows PowerShell with administrative rights on Windows 8.1.
The command-line hangs at "Installing packages for tooling via npm" after entering "ember install ember-cli-foundation-6-sass".
This is the output after entering the command:
ember install ember-cli-foundation-6-sass
Installed packages for tooling via npm.
installing ember-cli-foundation-6-sass
install bower package foundation-sites
cached https://github.com/zurb/foundation-sites.git#6.1.2
Installed browser packages via Bower.
identical app\styles\app.scss
install packages ember-cli-sass, broccoli-clean-css
Installing packages for tooling via npm
All of the node modules and bower components are installed.
After I ctrl+c
to terminate the command, it appears the ember-cli-foundation-6-sass module and foundation-sites component has been successfully installed with all of the files.
Is this an issue? I'm not sure if the hanging means the module isn't installed correctly. I haven't tried this using the command prompt.
Ember is moving to a non-bower world.
foundation-sites
from npm.index.js
to reference the foundation-sites
in node_modules.I think installing foundation-sites
bower also adds what-input
and jquery
automatically, and it looks like those deps are listed in foundation-sites
package.json as well. I'm not sure whether they will need to be loaded or not though.
The slider control in Foundation 6.2.1 does not handle touch events. This has been fixed in 6.2.2 - see foundation/foundation-sites#8449. Can this addon be updated to use Foundation 6.2.2?
FYI, I have updated to 6.2.2 locally and used this addon with no issues.
This is probably due to my lack of expertise but I'm unable to set up a simple sticky. If somebody could provide me with an example I will create a PR for the docs. Thanks in advance.
From a comment in #20:
kaermorchen:
@acoustep a property "revealClass" not work in zf-off-canvas component.I try to do{{#zf-off-canvas revealClass="reveal-for-large" as |section| }}
but class 'reveal-for-large' not added to element '.off-canvas.position-left'
GCheung55:
AddingrevealClass="reveal-for-large"
for with [email protected] isn't working either. I just tried it on the dummy app.What did work was going into
addon/templates/components/zf-off-canvas.hbs
and addingreveal-for-large
class to the elements withoff-canvas
class.Something like:
I think we should rethink how zf-off-canvas
works - maybe make it more composable with component closures?
The appendTo
option provides a target for where to append the reveal and overlay.
This is helpful when testing. Reveal by default will append to the body
element. Ember dispatches events to the application root element, which is not the body
element in tests.
Using the appendTo
option, we can configure the Reveal to append to the .ember-application
element during testing so that the events can be properly dispatched.
I think appendTo
should be configurable through config/environment
level, and at the component level.
if i set in my app.sass
@include foundation-everything($prototype: true);
then i get error on compilation
The Broccoli Plugin: [BroccoliMergeTrees] failed with: Error: You may not @extend an outer selector from within @media. You may only @extend selectors within the same directive. From "@extend h1" on line 15 of tmp/sass_compiler-input_base_path-E59EwuML.tmp/1/foundation-sites/prototype/_typescale.scss
[email protected]
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.