Menu icon Foundation

My Posts

No Content

My Comments

Cesar commented on Toni Ke's post over 1 year

You should be able to add your custom breakpoint in $breakpoints() in _settings.scss. Are you modifying the file directly or making a copy? Maybe, you have a stacking issue where your copy is either not importing or overriding Foundations default. I recently dealt with this same issue and turned out I was not importing my copy of _settings.scss correctly.
I did the following:
// Copy of _settings.scss
$breakpoints: (
small: 0,
medium: 640px,
xmedium: 840px, // Custom breakpoint
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px
);

// Global import app.scss
@import 'typeface/fonts';
@import 'core/variables';
@import 'core/settings'; // Copy of foundation _settings.scss
@import 'foundation';
@include foundation-everything;

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Toni Ke's post over 1 year

You should be able to add your custom breakpoint in $breakpoints() in _settings.scss. Are you modifying the file directly or making a copy? Maybe, you have a stacking issue where your copy is either not importing or overriding Foundations default. I recently dealt with this same issue and turned out I was not importing my copy of _settings.scss correctly.
I did the following:
// Copy of _settings.scss
$breakpoints: (
small: 0,
medium: 640px,
xmedium: 840px, // Custom breakpoint
large: 1024px,
xlarge: 1200px,
xxlarge: 1440px
);

// Global import app.scss
@import 'typeface/fonts';
@import 'core/variables';
@import 'core/settings'; // Copy of foundation _settings.scss
@import 'foundation';
@include foundation-everything;

Posts Followed

Following

  • No Content

Followers

  • No Content