Add a component to implement icons. This is hasn’t been explicitly defined in a section of the Style Guide, but many of the components depend on icons (Content Header, inline errors for form fields, Nav List, etc.).

Proposed Resolution

For now, a rough implementation is all we need. This can be as simple as <i class="icon icon-%name"></i>, a fixed with and height, inline-block and a background image with dimensions matching the defined with and height.

A shippable implementation will be needed later. Technical and accessibility issues are being discussed in #1849712: Add theming template and prepare logic for rendering icons.

Comments

ry5n’s picture

ry5n commented
Title: Add Icon component » Add General-Purpose Icon Container component

clarify title

tkoleary’s picture

tkoleary commented

@Ry5n

There's some momentum building behing iconfonts and work is being done here: http://drupal.org/node/1963886

I pointed them at this issue to coordinate. Their work could fillin this blank.

adamgerthel’s picture

adamgerthel commented

I think #1963886: Use HiDPI icons in the toolbar landed in using SVG icons with PNG fallback. Perhaps seven should use that method too. It's a very beneficial method.