When minimize window (too in mobile, i think), the font icons list have this error:
http://prntscr.com/4frt29

Mainly to spare time for web apps to set margin or padding.

What would be useful :

• Header
• Sidebar
• Main content
• Sections
• Grids
• Navigation bars (is there a spec for this ?)
• Footer

@PalmerAL Just wondering, where did you get the spec for h3 ?
Also, are you sure that h2 should correspond to the subheading styles ?

Only for components requiring multiple elements.

Having the fab button in the navbar affects the width of the typography section (although it does not do this for any other section - not sure why).

• Add space between prop name and value (prop: value;)
• Consistent indenting
• No duplicate code (still needs to verify this one)
• Add contribution guide

Is there a way to make the Toolbar fixed instead of sticky, without breaking the sidebar & stuff?

Using this makes the font smoothing much better in firefox on osx:

@kCenk , @PalmerAL Suggestions ?

like in http://www.google.com/design/spec/components/switches.html

We should provide something like metroui.org.ua

something like http://modernizr.com/download/

Should be 13/14px as font size.

The new icons look great, but icon-trash is missing. Is it possible to add this back?

.sidebar should have lower z-index than .sidemenu

http://www.google.com/design/spec

Remaining items :
P1 :

• Typography (h1, h2, h3, h4, h5, h6, blockquote, a, ...)
• Subheaders
• Menus
• More toolbars (especially huge header toolbars)
• Dividers (for lists, sections, ...)
• Rich cards (with pictures for example)
• Grids
• Progress bars
• Spinners
• Styled <select>
• Bottom sheets (http://www.google.com/design/spec/components/bottom-sheets.html#bottom-sheets-content )

P2 :

• [JS] Better inputs (with sliding placeholder and stuff)
• [JS] Contact chips
• [JS] Dialogs (.card[z="3"])
• [JS] Tooltips
• [JS] Discrete sliders (with number popout)
• [JS] Sidemenus
• [JS] Dropdown menus
• [JS] Pickers (http://www.google.com/design/spec/components/pickers.html )
• [JS] Fancybox

The icon is pushed to the right on webkit

The currentColor is what we need here. The checkboxes already works like this.

We have a lot of available colors in the framework, but we don't document them. We should do so.

That way, I can make sure my elements have a proportional size.

Instead of Roboto (old), we can use Roboto Draft, a newer version of Roboto :
https://fonts.googleapis.com/css?family=RobotoDraft:400,500,700,400italic

Things to do :

• Replace the heavy bunch of cards with lighter sections separated by a divider
• Add code samples
• Split into multiple pages ?

Something like this :

.ripple:focus::after, .button:focus::after, .fab:focus::after, [ripple]:focus::after {
    width: 75% !important;
    left: 12%;
    top: 0 !important;
    height: 100% !important;
    opacity: 0.12;
    border-radius: 0.75em / 2em !important;
}

This isn't part of the spec, but for the demos some kind of styling for <code> elements will be needed.

• Tabs
• Toasts
• Colors (accent colors, secondary color, ...)
• UI (quick functions to generate checkboxes, radios, ...)
• Pure ripple

Maps, images or quotes shouldn't be stuck to the right.

Probably requires the sidemenu component to get done on my side.

The html is kinda ugly right now, it would be cleaner if the demo files were split up.

Probably using a grunt task or whatever.

the fade is floating over the text, turning the text gray. The text probably needs to have a z-index of 1 to fix this.

The pretty print for the code blocks does not change when using the dark theme, making the code unreadable.

https://github.com/google/material-design-icons

We can use fontello, or wait for google/material-design-icons#1

@PalmerAL I think it's a regression of #121

Regression of the new layout helpers introduced and the responsive JS file.