Quantcast
Viewing all articles
Browse latest Browse all 294796

Add typographic styles, components, and utility classes

More Seven Theme issues:#1986434: [meta] New visual style for Seven

Problem/Motivation

TheStyle Guide for Seven aims to bring a stronger consistency to the Drupal admin interface, allowing contrib module UI components instead of writing their own custom CSS.

One common tool conveying information heirachy is proper use of headers. Web UIs are often limited on how they can use HTML header elements because they must respect the order of the DOM tree for accessibility reasons. This forces modules to write their own CSS to style the header elements. We aim to introduce several header CSS classes that are completely separated from the html elements.

Another tool for conveying heirachy is whitespace. It common for modules to have to write their own CSS to insert spacing between elements. We aim to introduce reuseable utility classes that applies vertical spacing consistency and inline with the base line height of the admin theme, improving vertical rhythm.

Demonstration

http://drupalcode.org/sandbox/ry5n/1932040.git/blob_plain/refs/heads/mas...


Viewing all articles
Browse latest Browse all 294796

Trending Articles