Experimental project

This is a sandbox project, which contains experimental code for developer use only.


Help implement the new Style Guide for the Seven theme in Drupal 8

At this point in the D8 cycle, we’ve done as much prototyping as we can. Work on implementing the Seven Style Guide has moved to the D8 issue queue: #1986434: New visual style for Seven. Issues in progress here should be moved there, with a pointer back to the work done here.

Original summary

Seven for D8 has a draft style guide! In brief, the guide exists to modernize, unify and document Seven’s core UI, both visual style and UX patterns.

Resources and Assets

Planning

Initial implementation is happening in this sandbox. The general idea is to build components in HTML/CSS/JS first, assemble mockups of common admin screens to prototype and validate the design, and then break down into issues for actual D8 patches.

Current Tasks and Discussion

The following tasks are active. Jump in!

  1. #1934534: Plan for style guide implementation
  2. #1953054: [META] Build Demonstration Pages
  3. Complete the implementation of all components in HTML/CSS/JS:
    1. Choose a component to implement from the style guide. See #1941462: [META] Create all components from the style guide
    2. Find the corresponding issue in this sandbox for your component, or create one if it doesn’t exist. Issue descriptions can be as simple as “Add x component”.
    3. Create a patch implementing the component, attach it to the issue, mark as needs review!

Current State Demos

Up-to-date demos are available from the current sandbox HEAD:

Future Tasks

  1. Build screens to test how components are working together
  2. Plan out how to integrate with Drupal core, esp. with the CSS rewrite: #1921610: [Meta] Architect our CSS and the Twig project: [#http://drupal.org/sandbox/pixelmord/1750250]
  3. Experienced JavaScript developers are especially needed to determine how to engineer and integrate the JS for the components.

Project information