Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

chore(list): Rename CSS class to follow BEM #1660

Merged
merged 3 commits into from
Nov 30, 2017
Merged

chore(list): Rename CSS class to follow BEM #1660

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b45c968
chore(list): Rename CSS class to follow BEM
acdvorak Nov 30, 2017
c1091b2
WIP: Rename __text-secondary to __secondary-text
acdvorak Nov 30, 2017
4478a1a
Merge branch 'master' into chore/list/rename-class
acdvorak Nov 30, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
54 changes: 27 additions & 27 deletions demos/index.html
View file
Open in desktop
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