Menu icon Foundation

Developer | Los Angeles, California

My Posts

No Content

My Comments

James Watkin commented on James Watkin's post over 2 years

I should point out that my previous post with the “chown” commands led me to begin reading about the cause of my situation. There are various conflicting opinions about the “best” way to install node and npm, and subsequent packages via npm.
As you may already know, options for installing node for macOS include a conventional macOS installer, homebrew, and nvm. And the npm site lists three different ways to install npm. The debate seems to center around whether or not one should use sudo and where the resulting installation folders should be located and what their permissions should be.
I’m new to using macOS (UNIX) for this level of development so I’m currently at the mercy of others regarding best security practices.
Jim
 

James Watkin commented on James Watkin's post over 2 years

I believe I've found the solution. After cloning my ZURB Template project from my private Git repo, I used these documented commands instead of running "foundation watch", in the following order:

sudo npm install -g bower
sudo chown -R $USER:$GROUP ~/.npm
sudo chown -R $USER:$GROUP ~/.config
npm install
bower install
npm start

The last three commands are documented in the ZURB readme.md installed with the ZURB Template. It might be possible to run the "chown" commands first, before the global bower installation. Or, you might not need to run them at all. I ran them because I couldn't run bower with or without sudo and the following page solved that problem:
https://github.com/bower/bower/issues/2262
Jim
 

James Watkin commented on James Watkin's post almost 3 years

If you look at this file: bower_components/foundation-sites/scss/foundation.scss in the v6.3.0 ZURB template, the embedded conditional logic suggests that the foundation-float-classes should always be included, regardless of the flex setting. However, in Lesson #150, starting at 1:45, it's shown that the foundation-float-classes should be commented out when the flex setting is enabled. Is there an explanation for this discrepancy?
Thank you.
Jim
 
Here's that portion of code from the bower_components/foundation-sites/scss/foundation.scss file: 
@mixin foundation-everything($flex: false) {
@if $flex {
$global-flexbox: true !global;
}

@include foundation-global-styles;
@if not $flex {
@include foundation-grid;
}
@else {
@include foundation-flex-grid;
}
@include foundation-typography;
@include foundation-forms;
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-card;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;

@if $flex {
@include foundation-flex-classes;
}
}
 

James Watkin commented on David Vega's post almost 3 years

The new Off-canvas container was released today as part of v6.3.0. It seems to have everything:
http://foundation.zurb.com/sites/docs/off-canvas.html
 
Thank you to Brett Mason and the folks at Zurb for providing this Off-canvas container update.
 

James Watkin commented on James Watkin's post almost 3 years

Rafi,
Congratulations on your release of Foundation for Sites v6.3.0 today.
For everyone else, the v6.3.0 production documentation is now at:
http://foundation.zurb.com/sites/docs/
 
Foundation 6.3 Update: Cards, Mutation Observers, Off Canvas and More:
https://www.youtube.com/watch?v=sKYsLkJ0yvQ
 
Jim
 

James Watkin commented on James Watkin's post almost 3 years

Thank you. I'm looking forward to it. If the doc will be at a different link than listed above, I assume you'll post that here. Thank you again.

James Watkin commented on James Watkin's post almost 3 years

I would like to know how to use the new Off-canvas container.
 

James Watkin commented on David Vega's post almost 3 years

It looks like Zurb will be releasing a completely reworked Off-canvas component on December 15, 2016 as part of their v6.3.0 release. It's scheduled to have the content overlap feature, in addition to content push, as discussed in this thread. Great job guys. Thank you very much.
https://github.com/zurb/foundation-sites/pull/9357
https://github.com/zurb/foundation-sites/releases/
Jim
 

James Watkin commented on David Vega's post almost 3 years

Brandon,
We have a requirement for an overlay too, no pushing of content. I'm new to Foundation and might be missing something, but the solution you've provided at http://codepen.io/zurbrandon/pen/iqEvy doesn't seem easier to me than the typical Foundation configuration options I've encountered so far. I think adding this feature back would probably make a lot of people happy. As far as I can tell it hasn't been added back, but I'm still learning.
Thank you.
Jim

James Watkin commented on James Watkin's post almost 3 years

To clarify, I'm attempting to use the Visual Studio [Code] editor only for edit-time SCSS validation. I'm using the Foundation CLI and its automated build features for generating the final CSS.
Jim

Posts Followed

No Content

Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on James Watkin's post over 2 years

I should point out that my previous post with the “chown” commands led me to begin reading about the cause of my situation. There are various conflicting opinions about the “best” way to install node and npm, and subsequent packages via npm.
As you may already know, options for installing node for macOS include a conventional macOS installer, homebrew, and nvm. And the npm site lists three different ways to install npm. The debate seems to center around whether or not one should use sudo and where the resulting installation folders should be located and what their permissions should be.
I’m new to using macOS (UNIX) for this level of development so I’m currently at the mercy of others regarding best security practices.
Jim
 

You commented on James Watkin's post over 2 years

I believe I've found the solution. After cloning my ZURB Template project from my private Git repo, I used these documented commands instead of running "foundation watch", in the following order:

sudo npm install -g bower
sudo chown -R $USER:$GROUP ~/.npm
sudo chown -R $USER:$GROUP ~/.config
npm install
bower install
npm start

The last three commands are documented in the ZURB readme.md installed with the ZURB Template. It might be possible to run the "chown" commands first, before the global bower installation. Or, you might not need to run them at all. I ran them because I couldn't run bower with or without sudo and the following page solved that problem:
https://github.com/bower/bower/issues/2262
Jim
 

You commented on James Watkin's post almost 3 years

If you look at this file: bower_components/foundation-sites/scss/foundation.scss in the v6.3.0 ZURB template, the embedded conditional logic suggests that the foundation-float-classes should always be included, regardless of the flex setting. However, in Lesson #150, starting at 1:45, it's shown that the foundation-float-classes should be commented out when the flex setting is enabled. Is there an explanation for this discrepancy?
Thank you.
Jim
 
Here's that portion of code from the bower_components/foundation-sites/scss/foundation.scss file: 
@mixin foundation-everything($flex: false) {
@if $flex {
$global-flexbox: true !global;
}

@include foundation-global-styles;
@if not $flex {
@include foundation-grid;
}
@else {
@include foundation-flex-grid;
}
@include foundation-typography;
@include foundation-forms;
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-card;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;

@if $flex {
@include foundation-flex-classes;
}
}
 

You commented on David Vega's post almost 3 years

The new Off-canvas container was released today as part of v6.3.0. It seems to have everything:
http://foundation.zurb.com/sites/docs/off-canvas.html
 
Thank you to Brett Mason and the folks at Zurb for providing this Off-canvas container update.
 

You commented on James Watkin's post almost 3 years

Rafi,
Congratulations on your release of Foundation for Sites v6.3.0 today.
For everyone else, the v6.3.0 production documentation is now at:
http://foundation.zurb.com/sites/docs/
 
Foundation 6.3 Update: Cards, Mutation Observers, Off Canvas and More:
https://www.youtube.com/watch?v=sKYsLkJ0yvQ
 
Jim
 

You commented on James Watkin's post almost 3 years

Thank you. I'm looking forward to it. If the doc will be at a different link than listed above, I assume you'll post that here. Thank you again.

You commented on James Watkin's post almost 3 years

I would like to know how to use the new Off-canvas container.
 

You commented on David Vega's post almost 3 years

It looks like Zurb will be releasing a completely reworked Off-canvas component on December 15, 2016 as part of their v6.3.0 release. It's scheduled to have the content overlap feature, in addition to content push, as discussed in this thread. Great job guys. Thank you very much.
https://github.com/zurb/foundation-sites/pull/9357
https://github.com/zurb/foundation-sites/releases/
Jim
 

You commented on David Vega's post almost 3 years

Brandon,
We have a requirement for an overlay too, no pushing of content. I'm new to Foundation and might be missing something, but the solution you've provided at http://codepen.io/zurbrandon/pen/iqEvy doesn't seem easier to me than the typical Foundation configuration options I've encountered so far. I think adding this feature back would probably make a lot of people happy. As far as I can tell it hasn't been added back, but I'm still learning.
Thank you.
Jim

You commented on James Watkin's post almost 3 years

To clarify, I'm attempting to use the Visual Studio [Code] editor only for edit-time SCSS validation. I'm using the Foundation CLI and its automated build features for generating the final CSS.
Jim

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content