New Release of Material Design Lite - 1.0.4

Published on Updated on

Material Design Lite website

Material Design Lite 1.0.3 (and a regression fixing 1.0.4) are out! This release has focused on library, templates, docs and build process fixes. We’ve had over 140 commits from our many contributors since our last release. Heck yes.

Here are some of the highlights:

  • #1256. Fix issues with programmatic updates to sliders.
  • #1281. Fix icon alignment inside buttons with text.
  • #1285. Fix radio button positioning.
  • #1309 and #1365. Add IIFE wrapping and documentation to component classes.
  • #1373. Remove documentation styling that was accidentally included in MDL.
  • #1406. Fix menu behavior after hiding.
  • Fixes to hamburger menu and drawer for certain layout combinations.
  • Many improvements and fixes to documentation.
  • Several improvements and fixes to library build process.
  • Several improvements to templates, including accessibility fixes.
  • Improvements to MDL testing, including the addition of memory leak tests.

For a complete breakdown, check out the release changelog and the 1.0.3 and 1.0.4 milestones.

Download Material Design Lite

Download the latest release with our source code, compiled assets and docs as a ZIP file.

This also contains our Sass sources and Gulpfile for anyone that wants to build their own version. Don’t forget we’re available on npm as well.

Material Design Lite CDN

After you’ve reviewed the changelog, update your CDN paths to the following:

<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.4/material.indigo-pink.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.4/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

Built with MDL

It's been exciting to hear users share sites they've seen using MDL in the wild. Some of the newer ones using MDL this month include:

Hits e Beats

Hits E Beats website screenshot
Hits E Beats website screenshot

TryColors

Try Colors screenshot

ABC.es

ABC.es website screenshot
ABC.es website screenshot

London RIB Voyages Mobile

Rib Voyages website screenshot

and we're of course more than happy to see some sites just using custom builds of individual components. Settled.co.uk for example uses the MDL slider:

Settled website screenshot
Slider example screenshot

Want to share your awesome MDL projects with us? File a new issue on our GitHub issue tracker. The issue should include a link, a description of the site and a suggested screenshot.

Until next time, rock on!

With many heartz,

The MDL contributors

Updated on Improve article

Back

Simple keyboard tricks to use in the Styles Pane

Next

Using poster images on plugin content

This site uses cookies to deliver and enhance the quality of its services and to analyze traffic. If you agree, cookies are also used to serve advertising and to personalize the content and advertisements that you see. Learn more about our use of cookies.