css - Angular Material - Missing classes (ex: md-2-line) -


i trying use md-list

<md-list-item class="md-2-line">         <md-icon md-svg-icon="communication:phone"></md-icon>         <div class="md-list-item-text">           <h3>title</h3>           <p>text</p>         </div>       </md-list-item> 

but normal font , when search in code classes, can not find them (for example md-2-line seen).

i did bower install angular-material assuming in components->list->js->list.css should see these classes in scss on github.

what missing? thanks

maybe take code actual examples, think 0.9.0-rc2 version. when install bower 0.8.3 latest available. in changelog of 0.9.0-rc1 , 0.9.0-rc2 can see breaking changes in md-list directive.

i didn't tested myself, hope helps solve issue, try adding following classes styles:

md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style {   -webkit-align-items: flex-start;       -ms-flex-align: start;           align-items: flex-start; }   md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text {     -webkit-flex: 1;         -ms-flex: 1;             flex: 1;     padding: 16px 0;     text-overflow: ellipsis; }     md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {       margin-left: 56px; }     md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {       margin: 0 0 6px 0;       line-height: 0.75em; }     md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {       font-weight: 400;       margin: 10px 0 5px 0;       line-height: 0.75em; }     md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p {       margin: 0 0 0px 0;       line-height: 1.6em; }  md-list-item.md-2-line > .md-avatar:first-child, md-list-item.md-2-line > .md-no-style > .md-avatar:first-child {   margin-top: 12px; } md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child {   -webkit-align-self: center;       -ms-flex-item-align: center;           align-self: center; } md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text {   -webkit-flex: 1;       -ms-flex: 1;           flex: 1;   padding-top: 19px; } 

Comments

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -