Scalable design system based on BEM
Patterns/pt-icon-plus
Модификатор
Значение
Описание
center / top
Вертикальное выравнивание
xxs / xs / s / m / l
Внешний отступ снизу
default / between
Распределение контента по горизонтали
__icon
xxs / xs / s / m / l
Отступ между иконкой и контентом справа
xxs / xs / s / m / l
Отступ между иконкой и контентом слева
__block
Vertical align
{
block: 'pt-icon-plus',
mods: { 'vertical-align': 'center' },
content: []
}
Private channel
Indent
{
block: 'pt-icon-plus',
mods: { indent: 'l' },
content: []
}
Private channel
Distribute
{
block: 'pt-icon-plus',
mods: { distribute: 'between' },
content: []
}
Private channel
elem: 'icon'
Indent right
{
block: 'pt-icon-plus',
content: [
{
elem: 'icon',
elemMods: { 'indent-right': 'l' },
content: []
}]
}
Private channel
Indent left
{
block: 'pt-icon-plus',
content: [
{
elem: 'icon',
elemMods: { 'indent-left': 'l' },
content: []
}]
}
Private channel