D8 Mobile Initiative - Component Survey
Comments
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
$
%
123
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Still loading...
ABCDEFGHIJKLMNOPQRSTUVW
1
Drupal core componentStylesheetOld class namesProposed class namesD8 issue #Styleguide nameComponent nameClass namesURL
2
Menu treesystem.theme.css.menu, .expanded, .collapsed, .active.nav
.nav__item
.nav__item.is-expanded
.nav__item.is-active
https://drupal.org/node/2003742Seven style guideMenumenu, menu__itemhttp://drupalcode.org/sandbox/ry5n/1932040.git/blob_plain/HEAD:/index.html#menus
3
Zurb FoundationSide navside-navhttp://foundation.zurb.com/docs/components/side-nav.html
4
StarbucksSection navigationsection_navigationhttp://www.starbucks.com/static/reference/styleguide/section_navigation.aspx
5
BootstrapNav listnav-listhttp://twitter.github.io/bootstrap/components.html#navs
6
GitHub8.3 "menu on the side"menu-container, menuhttps://github.com/styleguide/css/8.0
7
PearsVertical linksnavigation, activehttp://pea.rs/navigation/vertical-links
8
AUIVertical navigationaui-nav, aui-nav-headinghttps://developer.atlassian.com/display/AUI/Navigation#Navigation-VerticalNavgroup
9
10
11
Breadcrumbsystem.theme.css.breadcrumb.breadcrumb
12
Bootstrapbreadcrumbbreadcrumbhttp://twitter.github.io/bootstrap/components.html#breadcrumbs
13
Pearsbreadcrumbbreadcrumbhttp://pea.rs/navigation/breadcrumb
14
4AUIBreadcrumb navigationaui-nav-breadcrumbshttps://developer.atlassian.com/display/AUI/Navigation#Navigation-Breadcrumbnavigation
15
Zurb FoundationBreadcrumbsbreadcrumbs, unavailable, currenthttp://foundation.zurb.com/docs/components/breadcrumbs.html
16
17
Tabssystem.theme.css.tabs, .active.tabs
.tabs__tab
.tabs__tab.is-active
Seven style guideNavigation Tabstabs__tab, tabs__tab is-active
secondary-tabs__tab
http://drupalcode.org/sandbox/ry5n/1932040.git/blob_plain/HEAD:/patterns/tabs/index.html
18
Zurb FoundationSub Navsub-nav, activehttp://foundation.zurb.com/docs/components/sub-nav.html
19
BootstrapNav: tabs, pills, and listsnav-tabs, nav-pills, nav-stacked, tabbable, tab, tab-pane, tab-content, tab-pane, active, tabs-below, tabs-left, tabs-righthttp://getbootstrap.com/2.3.2/components.html#navs
20
PearsHorizontal tabsnavigationhttp://pea.rs/navigation/horizontal-tabs
21
AUITabsaui-tabs, horizontal-tabs, tabs-menu, active-tab, menu-item, tabs-pane, active-pane, aui-tabs-disabledhttps://developer.atlassian.com/display/AUI/Tabs
22
GitHubNavigationtabnav, tabnav-tabs, tabnav-tab, selectedhttps://github.com/styleguide/css/8.0
23
24
Action buttonssystem.theme.css.action-links, .button-action.action
.action__button
Seven style guidehttps://groups.drupal.org/node/283223#Small_Controls
25
BootstrapForm actionsform-actionshttp://getbootstrap.com/2.3.2/base-css.html#forms
26
PearsFormsform-actionshttp://pea.rs/forms/multi-left-labels
27
AUIFormsbuttonhttps://developer.atlassian.com/display/AUI/Forms
28
29
Publishing statussystem.theme.css.unpublished, .preview.unpublished
.preview
30
31
32
33
Item listsystem.theme.css.item-list, .titleremove in favor of default ul styling?https://drupal.org/node/1842140 https://drupal.org/node/2010210Zurb FoundationListsdisc, no-bullet, circle, squarehttp://foundation.zurb.com/docs/components/type.html
34
PearsSlatsslats, grouphttp://pea.rs/content/slats-html5
35
PearsVertical linksnavigation, activehttp://pea.rs/navigation/vertical-links
36
37
More linksystem.theme.css.more-link.more, .more-linkZurb FoundationRevealreveal-modal, small, medium, large, xlarge, expand, reveal-modal-bg, reveal-link, close-reveal-modal, http://foundation.zurb.com/docs/components/reveal.html
38
BootstrapModalmodal, modal-header, modal-body, modal-footerhttp://getbootstrap.com/2.3.2/javascript.html#modals
39
40
41
More help linksystem.theme.css.more-help-link.more-help
42
43
44
45
Paginationsystem.theme.css.item-list .pager, .pager-current.pager
.pager__item
.pager__item.is-active
Seven style guidePaginationpager__item, pager__link, pager__link.is-activehttp://drupalcode.org/sandbox/ry5n/1932040.git/blob_plain/HEAD:/patterns/pagination/index.html
46
Zurb FoundationPaginationpagination, arrow, current, unavailable, pagination-centeredhttp://foundation.zurb.com/docs/components/pagination.html
47
BootstrapPaginationpagination, disabled, active, pagination-large, pagination-small, pagination-mini, pagination-centered, pagination-right, pager, previous, nexthttp://getbootstrap.com/2.3.2/components.html#pagination
48
PearsPaginationpage, page-prev, page-nexthttp://pea.rs/navigation/pagination
49
AUIPaginationaui-nav-pagination, aui-nav-first, aui-nav-previous, aui-nav-selected, aui-nav-truncation, aui-nav-next, aui-nav-lasthttps://developer.atlassian.com/display/AUI/Navigation
50
StarbucksPaginationpagination, page_first, page_previous, number, page, next, page_last, pagination_alt, pagination_leftview-source:http://www.starbucks.com/static/reference/styleguide/pagination.aspx
51
52
Button linkssystem.theme.cssbutton.link.buttonZurb FoundationButtonsbutton, button-group, tiny, medium, small, large, secondary, alert, success, radius, round, disabled, dropdown, splithttp://foundation.zurb.com/docs/components/buttons.html
53
BootstrapButtonsbtn, btn-primary, btn-info, btn-success, btn-warning, btn-danger, btn-inverse, btn-link, btn-large, btn-small, btn-mini, btn-block, disabled, btn-group, btn-toolbar, btn-group-vertical, dropdown-toggle
54
PearsHorizontal buttonsnavigation, activehttp://pea.rs/navigation/horizontal-buttons
55
AUIButtonsaui-button, aui-button-primary, aui-button-link, aui-button-subtle, aui-buttons, aui-button-split-main, aui-button-split-more, aui-button-compacthttps://developer.atlassian.com/display/AUI/Buttons
56
StarbucksButtonsbutton, button_disabled, button_cancel, button_next, button_previous, button_expand, button_contracthttp://www.starbucks.com/static/reference/styleguide/buttons.aspx
57
GitHubButtonsbutton, disabled, primary, danger, blue, dark-grey, minibutton, switcher, context-button, button-grouphttps://github.com/styleguide/css/1.0
58
59
Progress barsystem.theme.css.progress, .progress .bar, .progress .filled.progress
.progress__track
.progress__bar
.progress__description
.progress__close
.progress--small
Seven style guideProgressprogress, progress__track, progress__bar, progress__description, progress__close, progress--smallhttp://drupalcode.org/sandbox/ry5n/1932040.git/blob_plain/HEAD:/patterns/progress/index.html
60
Zurb FoundationProgress barsprogress, secondary, alert, success, radius, roundhttp://foundation.zurb.com/docs/components/progress-bars.html
61
BootstrapProgress barsprogress, bar, progress-striped, active, bar-success, bar-warning, bar-danger, progress-info, progress-success, progress-warning, progress-dangerhttp://getbootstrap.com/2.3.2/components.html#progress
62
63
Inline linkssystem.theme.cssul.inline.inlineZurb FoundationInline listsinline-listhttp://foundation.zurb.com/docs/components/inline-lists.html
64
BootstrapInlineinlinehttp://getbootstrap.com/2.3.2/base-css.html#typography
65
PearsHorizontal linksnavigation, activehttp://pea.rs/navigation/horizontal-links
66
67
Messagessystem.theme.css.messages, .messages__list, .messages__item, messages--status, .messages--warning, .messages--error.messages
.messages__list
.messages__item
.messages--status
.messages--warning
.messages--error
Seven style guideMessagesUses .message--success vs core's .messages--statushttp://drupalcode.org/sandbox/ry5n/1932040.git/blob_plain/HEAD:/patterns/messages/index.html
68
Zurb FoundationAlert boxalert-box, success, secondary, radius, roundhttp://foundation.zurb.com/docs/components/alert-boxes.html
69
BootstrapAlertsalert, close, alert-block, alert-error, alert-success, alert-infohttp://getbootstrap.com/2.3.2/components.html#alerts
70
AUIMessagesaui-message, closeable, aui-message-bar, title, body, shadowed, fadeouthttps://developer.atlassian.com/display/AUI/Messages
71
StarbucksValidation Summaryvalidation_summary, error, valid, validation_xsmall, validation_small, validation_medium, validation_large, validation_fullhttp://www.starbucks.com/static/reference/styleguide/validation_summary.aspx
72
GitHubAlertsflash, flash-global, flash-warn, flash-error, flash-action, close, flash-messages, containerhttps://github.com/styleguide/css/15.0
73
Form components
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Loading...
 
 
 
Sheet1