Библиотека
MDL применяет БЭМ используя альтернативную схему именования т.н.
«Стиль Гарри Робертса».
Если следовать этой схеме, то надо заменить
demo-card-wide на модификатор
mdl-card--theme-demo:
<div class="mdl-card mdl-card--theme-demo mdl-card mdl-shadow--2dp"/>
Демонстрация
Важно отметить
mdl-card--theme-demo это булев модификатор, в этой схеме именования модификаторы вида «ключ-значение» не используются и они могут существовать отдельно от блока примиксовываясь к другим блокам как
mdl-shadow--2dp из примера .