Scalable design system based on BEM
Patterns/pt-informer
Модификатор
Значение
Описание
success / warning / alert / normal
Фон блока
all
Круговой бордер блока
__col
__content
Модификатор
Значение
Описание
m / l / xl / xxl
Внутренние отступы
default / between
Распределение контента по горизонтали
__action
Модификатор
Значение
Описание
m / l / xl / xxl
Внутренние отступы
View
{
block: 'pt-informer',
mods: { view: 'success' },
content: []
}
Success message
Border
{
block: 'pt-informer',
mods: { border: 'all' },
content: []
}
Success message
elem: 'content'
Inside space
{
block: 'pt-informer',
content: [
{
elem: 'content',
elemMods: { 'space-a': 'xl' },
content: []
}]
}
Success message
Distribute
{
block: 'pt-informer',
content: [
{
elem: 'content',
elemMods: { distribute: 'between' },
content: []
}]
}
Online users
940
elem: 'action'
Inside space
{
block: 'pt-informer',
content: [
{
elem: 'action',
elemmods: { 'space-a': 'l' },
content: []
}]
}