Document Atoms in style guide & option for 50/50 column layout [#2864305]

- We need documentation for all atoms that are used in the theme (alert, button, list, badge, card, form controls)
- We need to have a layout option for a equal two-column layout (basic analytics page)

Comment	File	Size	Author
#2	2864305-atoms-and-5050-layout-2.patch	3 MB	maikelkoopman

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

27 March 2017 at 11:43

maikelkoopman created an issue. See original summary.

Comment #2

maikelkoopman CreditAttribution: maikelkoopman as a volunteer and at Open Social for Open Social commented 27 March 2017 at 16:20

File	Size
2864305-atoms-and-5050-layout-2.patch	3 MB

Pull request: https://github.com/goalgorilla/open_social/pull/303

Comment #3

maikelkoopman CreditAttribution: maikelkoopman as a volunteer and at Open Social for Open Social commented 27 March 2017 at 16:20

Assigned:

Unassigned

» maikelkoopman

Comment #4

peter.polman CreditAttribution: peter.polman as a volunteer and for Open Social commented 29 March 2017 at 15:02

Status:

Needs review

» Reviewed & tested by the community

Comment #5

30 March 2017 at 11:29

Peter Polman committed 1bb2f46 on 8.x-1.x

#2864305 by peterpolman: Updated styleguide assets and removed...

Peter Polman authored 9319851 on 8.x-1.x

Merge pull request #303 from goalgorilla/feature/2864305-atoms-in-...

maikelkoopman committed ecf16e2 on 8.x-1.x

Issue #2864305 by maikelkoopman: document atoms in styleguide

Comment #6

ronaldtebrake CreditAttribution: ronaldtebrake as a volunteer and for Open Social commented 30 March 2017 at 12:21

Status:

Reviewed & tested by the community

» Fixed

Actions to take for your subtheme:

Replace label components with updated badges
Rename alerts -> alert, badges -> badge if needed
Replace list-group with list component
Replace `.card__body` with `.card__block` for all blocks in your templates, for nodes/articles `.card__body` can remain.
`.card-nested-section` is renamed to `.card__nested-section`
Add sidebar_first and sidebar_second to your regions to be able to use it
In node full there are now 2 twig blocks: {% block metainfo %} replaces {% block nodefull_header %} and {% block metaengage %} can be used for the badges
See all atoms here -> http://styleguide.getopensocial.com/section-atoms.html
For 50/50 layout see -> http://styleguide.getopensocial.com/section-templates.html