Отступы

Если Вам необходимо добавить отступ к элементу, то в PipUI есть набор готовых стилей для данных операций

Внутренние отступы (padding)

Общие отступы (padding): От .p-0 до .p-100 с шагом 4

Отступы по верхнему и нижнему краям (padding-top/padding-bottom): От .py-0 до .py-100 с шагом 4

Отступы по левому и правому краям (padding-left/padding-right): От .px-0 до .px-100 с шагом 4

Отступы по левому и правому краям (padding-left/padding-right): От .px-0 до .px-100 с шагом 4

Отступы по левому краю (padding-left): От .pl-0 до .pl-100 с шагом 4

Отступы по правому краю (padding-right): От .pr-0 до .pr-100 с шагом 4

Отступы по верхнему краю (padding-top): От .pt-0 до .pt-100 с шагом 4

Отступы по нижнему краю (padding-bottom): От .pb-0 до .pb-100 с шагом 4

Внешние отступы (margin)

Общие отступы (margin): От .m-0 до .m-100 с шагом 4

Отступы по верхнему и нижнему краям (margin-top/margin-bottom): От .my-0 до .my-100 с шагом 4

Отступы по левому и правому краям (margin-left/margin-right): От .mx-0 до .mx-100 с шагом 4

Отступы по левому и правому краям (margin-left/margin-right): От .mx-0 до .mx-100 с шагом 4

Отступы по левому краю (margin-left): От .ml-0 до .ml-100 с шагом 4

Отступы по правому краю (margin-right): От .mr-0 до .mr-100 с шагом 4

Отступы по верхнему краю (margin-top): От .mt-0 до .mt-100 с шагом 4

Отступы по нижнему краю (margin-bottom): От .mb-0 до .mb-100 с шагом 4

Автоматические отступы: .mx-auto, .my-auto, .m-auto

Last updated