Is it advised to use SUSY's at-breakpoint() for theming tablet/desktop styles, or should breakpoint() be used for any non-layout theming?

Comments

PI_Ron’s picture

PI_Ron CreditAttribution: PI_Ron commented

What's confused me was at-breakpoint() / SUSY is using the $base-font-size; variable. But breakpoint() is using the browser's default font size of 16px. So unless I set $base-font-size: 16px; my layout (SUSY) breakpoints at-breakpoint() will break in different spots to my theme (breakpoint sass) breakpoints if they're passed the same em value.

In the example below the following would break at different points:

Susy Config

$base-font-size: 14px;

Layout

@include at-breakpoint(44em, 16) {  /* ... Code ... */  }

Style/Theme

@include breakpoint(44em) {  /* ... Code ... */  }

Is this correct and is there a way to pass breakpoint() a default font-size?

fubhy’s picture

fubhy CreditAttribution: fubhy commented
Status: Active » Fixed

I skip at-breakpoint() from susy entirely and just use breakpoint(). Why? Because it has no-query fallback support.

@see #2064087: Susy vs Singularity grid systems: comparison and gauge of preference for more information on that.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.