Menu icon Foundation

Coder

My Posts



My Comments

Brian Mickelson commented on Ludo Vangilbergen's post 7 days

I've had the same issue. It looks like the CLI has moved to using the .browserslist.rc file as suggested.
To eliminate the warning, I've just commented out the noted lines in the code block below from gulpfile.babel.js.
An added bonus is foundation watch now starts much faster. I am still testing to see if there are any issues brought up by these changes.
 
- Brian
 
function sass() {

//const postCssPlugins = [ *** REMOVED THIS LINE ***
// Autoprefixer
//autoprefixer({ browsers: COMPATIBILITY }), *** REMOVED THIS LINE ***

// UnCSS - Uncomment to remove unused styles in production
// PRODUCTION && uncss.postcssPlugin(UNCSS_OPTIONS),

//].filter(Boolean); *** REMOVED THIS LINE ***

return gulp.src('src/assets/scss/app.scss')
.pipe($.sourcemaps.init())
.pipe($.sass({
includePaths: PATHS.sass
})
.on('error', $.sass.logError))
//.pipe($.postcss(postCssPlugins)) *** REMOVED THIS LINE ***
.pipe($.if(PRODUCTION, $.cleanCss({ compatibility: 'ie9' })))
.pipe($.if(!PRODUCTION, $.sourcemaps.write()))
.pipe(gulp.dest(PATHS.dist + '/assets/css'))
.pipe(browser.reload({ stream: true }));
}

Brian Mickelson commented on Brian Mickelson's post about 3 years

This code let me do what I was looking for.
$("#id").on('change.zf.tabs', function() {
$('.sticky').foundation('_calc', true);
});
This wouldn't reinitialize the plugin, but would force recalculation of the containers once they were visible. I would like to just recalculate only the visible element instead of all of them. However, that may be happening just due to container visibility.
Now, the original code sample was using Accordion, not Tabs. Either way, the event could be re-worked with down.zf.accordion or up.zf.accordion

Brian Mickelson commented on Brian Mickelson's post over 3 years

Side note: the addition of the is-at-top class was a stroke of desperation. Did not solve the problem.

Posts Followed


Following

    No Content

Followers

My Posts

My Comments

You commented on Ludo Vangilbergen's post 7 days

I've had the same issue. It looks like the CLI has moved to using the .browserslist.rc file as suggested.
To eliminate the warning, I've just commented out the noted lines in the code block below from gulpfile.babel.js.
An added bonus is foundation watch now starts much faster. I am still testing to see if there are any issues brought up by these changes.
 
- Brian
 
function sass() {

//const postCssPlugins = [ *** REMOVED THIS LINE ***
// Autoprefixer
//autoprefixer({ browsers: COMPATIBILITY }), *** REMOVED THIS LINE ***

// UnCSS - Uncomment to remove unused styles in production
// PRODUCTION && uncss.postcssPlugin(UNCSS_OPTIONS),

//].filter(Boolean); *** REMOVED THIS LINE ***

return gulp.src('src/assets/scss/app.scss')
.pipe($.sourcemaps.init())
.pipe($.sass({
includePaths: PATHS.sass
})
.on('error', $.sass.logError))
//.pipe($.postcss(postCssPlugins)) *** REMOVED THIS LINE ***
.pipe($.if(PRODUCTION, $.cleanCss({ compatibility: 'ie9' })))
.pipe($.if(!PRODUCTION, $.sourcemaps.write()))
.pipe(gulp.dest(PATHS.dist + '/assets/css'))
.pipe(browser.reload({ stream: true }));
}

You commented on Brian Mickelson's post about 3 years

This code let me do what I was looking for.
$("#id").on('change.zf.tabs', function() {
$('.sticky').foundation('_calc', true);
});
This wouldn't reinitialize the plugin, but would force recalculation of the containers once they were visible. I would like to just recalculate only the visible element instead of all of them. However, that may be happening just due to container visibility.
Now, the original code sample was using Accordion, not Tabs. Either way, the event could be re-worked with down.zf.accordion or up.zf.accordion

You commented on Brian Mickelson's post over 3 years

Side note: the addition of the is-at-top class was a stroke of desperation. Did not solve the problem.

Posts Followed


Following

  • No Content

Followers

  • No Content