Skip to content

Ice cold. Hot wired.

Compare
Choose a tag to compare
@mrmrs mrmrs released this 19 Aug 15:11
· 380 commits to main since this release

4.1.0

giphy-43

Since we launched v4 we've had a number of small bug fixes and a few slight additions to some modules.
Largely things are still the same but there are a couple of new things to play with.

Changes

  • The flex box module now supports display: inline-flex and flex-direction: row
  • Hovers now includes a shadow on hover
  • Hover module now duplicates all hover styles for focus as well #a11y
  • There was a file in src called _gradients.css that should not have been there so it was deleted. It wasn't compiled into the css so you shouldn't notice any changes.
  • License has changed to ISC
  • Removed duplicate flexbox dependency declaration in package.json
  • Updated comments in flex box module because apparently I forgot to add notes on the media query extensions

More to come soon. We've started working on v5 which won't be too much of a big change. The breaking part is that we are changing media queries. Right now -ns covers both the -m and -l range. -m is a scoped media query that cuts off when large kicks in. We're going to change it so that there aren't any max-widths in the media queries at all and everything will be completely min-width based. It's the difference between:

v4

@custom-media --breakpoint-not-small screen and (min-width: 30em);
@custom-media --breakpoint-medium screen and (min-width: 30em) and (max-width: 60em);
@custom-media --breakpoint-large screen and (min-width: 60em);

v5

@custom-media --breakpoint-medium screen and (min-width: 30em);
@custom-media --breakpoint-large screen and (min-width: 60em);

We're also going to remove the copy from npm to src functionality in the mono repo. We'll still keep all the modules on npm individually, but we'll just manage this as it's own package. After some user testing / observation / feedback / and dogfooding - we're going to try and make this even more stripped back in simple in regards to the infrastructure. v5 won't likely include any fancy new features. Just some refined goodness as we continue to learn. We'll keep you updated.

Cheers,

@mrmrs & @johnotander