| div class="avatar" [ngClass]="[size ? 'avatar_size_' + size : '', sidebar ? 'avatar_sidebar' : '']"> | |
| <img class="avatar__photo" *ngIf="contactAvatar" [src]="contactAvatar"> | |
| <div class="avatar__initials" *ngIf="initials" [style.background-color]="initialsColor"> | |
| {{ initials }} | |
| </div> | |
| <mat-icon class="avatar__empty" *ngIf="!contactAvatar && !initials">account_circle</mat-icon> | |
| </div> |
| //_flags.html.twig | |
| <script> | |
| $('.b-bage-filters__clear').on('click', function() { | |
| $('.b-bage-filters__select option[selected]').removeAttr('selected'); | |
| $('.b-bage-filters__select').trigger('chosen:updated'); | |
| }); | |
| </script> | |
| //аналог на БЭМ | |
| _clearMultiSelect: function () { | |
| var bageFilters = this; |
Быстрый старт «C чего начать»
Эта статья рассказывает о том, как быстро создать свой проект с использованием принципов и полного наобора технологий БЭМ. Для изучения материала, представленного в статье, необходимо знание JavaScript'а.
Мы пошагово продемонстрируем процесс разработки простого проекта и узнаем преимущества его применения на практике.
Начнем...
Сделаем очень простой пример: создадим макет пустой страницы с блоком приветствия, который содержит текст Hello, BEM!.
| javascript:(function(){ | |
| var i,x,elem; | |
| for (i=0; x=document.styleSheets[i]; ++i) x.disabled=true; | |
| document.getElementById('header').style.display = 'none'; | |
| elem=document.body.getElementsByTagName('*'); | |
| for(i=0;i<elem.length; i++) { | |
| if(elem[i].tagName == 'IMG') | |
| {elem[i].style.visibility='visible';} |