Skip to content

Commit

Permalink
chore(list): Rename CSS class to follow BEM naming (#1660)
Browse files Browse the repository at this point in the history 
BREAKING CHANGE: The `mdc-list-item__text__secondary` class was renamed to `mdc-list-item__text-secondary` to follow BEM conventions. See the [BEM FAQ](http://getbem.com/faq/#css-nested-elements) for more details.
  • Loading branch information
@acdvorak
acdvorak authored Nov 30, 2017
1 parent 7e1255e commit 7a23183
Show file tree
Hide file tree
Showing 4 changed files with 84 additions and 84 deletions.
54 changes: 27 additions & 27 deletions demos/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,111 +42,111 @@
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_button_24px.svg" /></span>
<a href="button.html" class="mdc-list-item__text">
Button
<span class="mdc-list-item__text__secondary">Raised and flat buttons</span>
<span class="mdc-list-item__secondary-text">Raised and flat buttons</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_card_24px.svg" /></span>
<a href="card.html" class="mdc-list-item__text">
Card
<span class="mdc-list-item__text__secondary">Various card layout styles</span>
<span class="mdc-list-item__secondary-text">Various card layout styles</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_selection_control_24px.svg" /></span>
<a href="checkbox.html" class="mdc-list-item__text">
Checkbox
<span class="mdc-list-item__text__secondary">Multi-selection controls</span>
<span class="mdc-list-item__secondary-text">Multi-selection controls</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_dialog_24px.svg" /></span>
<a href="dialog.html" class="mdc-list-item__text">
Dialog
<span class="mdc-list-item__text__secondary">Secondary text</span>
<span class="mdc-list-item__secondary-text">Secondary text</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_side_navigation_24px.svg" /></span>
<a href="drawer/temporary-drawer.html" class="mdc-list-item__text">
Drawer
<span class="mdc-list-item__text__secondary">Temporary</span>
<span class="mdc-list-item__secondary-text">Temporary</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_side_navigation_24px.svg" /></span>
<a href="drawer/persistent-drawer.html" class="mdc-list-item__text">
Drawer
<span class="mdc-list-item__text__secondary">Persistent</span>
<span class="mdc-list-item__secondary-text">Persistent</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_side_navigation_24px.svg" /></span>
<a href="drawer/permanent-drawer-above-toolbar.html" class="mdc-list-item__text">
Drawer
<span class="mdc-list-item__text__secondary">Permanent drawer above toolbar</span>
<span class="mdc-list-item__secondary-text">Permanent drawer above toolbar</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_side_navigation_24px.svg" /></span>
<a href="drawer/permanent-drawer-below-toolbar.html" class="mdc-list-item__text">
Drawer
<span class="mdc-list-item__text__secondary">Permanent drawer below toolbar</span>
<span class="mdc-list-item__secondary-text">Permanent drawer below toolbar</span>
</a>
</li>
<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_shadow_24px.svg" /></span>
<a href="elevation.html" class="mdc-list-item__text">
Elevation
<span class="mdc-list-item__text__secondary">Shadow for different elevations</span>
<span class="mdc-list-item__secondary-text">Shadow for different elevations</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_button_24px.svg" /></span>
<a href="fab.html" class="mdc-list-item__text">
Floating action button
<span class="mdc-list-item__text__secondary">The primary action in an application</span>
<span class="mdc-list-item__secondary-text">The primary action in an application</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_card_24px.svg" /></span>
<a href="grid-list.html" class="mdc-list-item__text">
Grid list
<span class="mdc-list-item__text__secondary">2D grid layouts</span>
<span class="mdc-list-item__secondary-text">2D grid layouts</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_component_24px.svg" /></span>
<a href="icon-toggle.html" class="mdc-list-item__text">
Icon toggle
<span class="mdc-list-item__text__secondary">Toggling icon states</span>
<span class="mdc-list-item__secondary-text">Toggling icon states</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_card_24px.svg" /></span>
<a href="layout-grid.html" class="mdc-list-item__text">
Layout grid
<span class="mdc-list-item__text__secondary">Grid and gutter support</span>
<span class="mdc-list-item__secondary-text">Grid and gutter support</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_progress_activity.svg" /></span>
<a href="linear-progress.html" class="mdc-list-item__text">
Linear progress
<span class="mdc-list-item__text__secondary">Fills from 0% to 100%, represented by bars</span>
<span class="mdc-list-item__secondary-text">Fills from 0% to 100%, represented by bars</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_list_24px.svg" /></span>
<a href="list.html" class="mdc-list-item__text">
List
<span class="mdc-list-item__text__secondary">Item layouts in lists</span>
<span class="mdc-list-item__secondary-text">Item layouts in lists</span>
</a>
</li>

Expand All @@ -155,95 +155,95 @@
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_radio_button_24px.svg" /></span>
<a href="radio.html" class="mdc-list-item__text">
Radio buttons
<span class="mdc-list-item__text__secondary">Single selection controls</span>
<span class="mdc-list-item__secondary-text">Single selection controls</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_ripple_24px.svg" /></span>
<a href="ripple.html" class="mdc-list-item__text">
Ripple
<span class="mdc-list-item__text__secondary">Touch ripple</span>
<span class="mdc-list-item__secondary-text">Touch ripple</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_menu_24px.svg" /></span>
<a href="select.html" class="mdc-list-item__text">
Select
<span class="mdc-list-item__text__secondary">Popover selection menus</span>
<span class="mdc-list-item__secondary-text">Popover selection menus</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_menu_24px.svg" /></span>
<a href="simple-menu.html" class="mdc-list-item__text">
Simple Menu
<span class="mdc-list-item__text__secondary">Pop over menus</span>
<span class="mdc-list-item__secondary-text">Pop over menus</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/slider.svg" /></span>
<a href="slider.html" class="mdc-list-item__text">
Slider
<span class="mdc-list-item__text__secondary">Range Controls</span>
<span class="mdc-list-item__secondary-text">Range Controls</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_toast_24px.svg" /></span>
<a href="snackbar.html" class="mdc-list-item__text">
Snackbar
<span class="mdc-list-item__text__secondary">Transient messages</span>
<span class="mdc-list-item__secondary-text">Transient messages</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_switch_24px.svg" /></span>
<a href="switch.html" class="mdc-list-item__text">
Switch
<span class="mdc-list-item__text__secondary">On off switches</span>
<span class="mdc-list-item__secondary-text">On off switches</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_tabs_24px.svg" /></span>
<a href="tabs.html" class="mdc-list-item__text">
Tabs
<span class="mdc-list-item__text__secondary">Tabs with support for icon and text labels</span>
<span class="mdc-list-item__secondary-text">Tabs with support for icon and text labels</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_text_field_24px.svg" /></span>
<a href="text-field.html" class="mdc-list-item__text">
Text field
<span class="mdc-list-item__text__secondary">Single and multiline text fields</span>
<span class="mdc-list-item__secondary-text">Single and multiline text fields</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_theme_24px.svg" /></span>
<a href="theme.html" class="mdc-list-item__text">
Theme
<span class="mdc-list-item__text__secondary">Using primary and secondary colors</span>
<span class="mdc-list-item__secondary-text">Using primary and secondary colors</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_toolbar_24px.svg" /></span>
<a href="toolbar/index.html" class="mdc-list-item__text">
Toolbar
<span class="mdc-list-item__text__secondary">Header and footers</span>
<span class="mdc-list-item__secondary-text">Header and footers</span>
</a>
</li>

<li class="mdc-list-item">
<span class="catalog-list-icon mdc-list-item__start-detail"><img class="catalog-component-icon" src="/images/ic_typography_24px.svg" /></span>
<a href="typography.html" class="mdc-list-item__text">
Typography
<span class="mdc-list-item__text__secondary">Type hierarchy</span>
<span class="mdc-list-item__secondary-text">Type hierarchy</span>
</a>
</li>
</ul>
Expand Down
Loading

0 comments on commit 7a23183

Please sign in to comment.