Skip to content

Pure 0.4.1 — It's the little things
Compare
Choose a tag to compare
@tilomitra tilomitra released this 06 Feb 23:41
v0.4.1
e70e97f

Note: We released Pure 0.4.0, but the CSS selector order was corrupted. We encourage everyone to upgrade directly to Pure 0.4.1.

Today, we're excited to ship Pure 0.4.1. This release consists of enhancements and bug fixes that makes it easier to work with the library. We've also done a good deal of work on Pure's website to prepare for an upcoming enhancement to Pure's grid system.

You can grab this release of our CDN:

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.1/pure-min.css">

What's changed?

We've made enhancements to most of the Pure components for this release.

  • You can now use non-reduced fraction class names when laying out a grid. This means that we have rules for classes such as .pure-u-12-24 as well as .pure-u-1-2.
  • You can now add a hidden attribute to your element to hide it.
  • Buttons now have visually uniform default padding on all four sides, so they look a little nicer.
  • <input> buttons now have the same height as non-input buttons.
  • <textareas> within .pure-form-aligned look better, thanks to a vertical alignment fix.

You can check out the HISTORY.md for a full list of changes.

A special shout-out to everyone who contributed to this release: @achalv, @albertosantini, @andrewwakeling, @AurelioDeRosa, @dougdavies, @ItsAsbreuk, @mike-engel, @narcis-radu, @stevenvachon, and @rictorres.

Tooling and Pure's website

Over the last few months, we've been working on tools to solve some common CSS pain points:

  • Writing mobile-first responsive CSS, while supporting old IE browsers
  • Dealing with media queries
  • Prefixing and manipulating class names to suit your coding convention
  • Customizing Pure

While we haven't officially launched these tools yet, we've been using some of them in Pure's source code as well as its website.

For instance, this release of Pure removes grid-units.css and replaces it with a Grunt task that generates grid units on-the-fly. This is done through the rework-pure-grids plugin. We've also been using it on Pure's website, which now uses a mobile-first responsive grid system.

To celebrate this mobile-first relaunch of the website, we went through and gave all the layouts a face-lift. Make sure to check them out!

layouts

We're really embracing tooling in order to keep Pure's code-base small while offering developers ways to customize the library. We're really excited to show everyone what we've been working on, and you can expect to hear more about it soon!

View 0.4.1 Changelog

Assets 3
Loading