Расстояние
Обновите макет, не создавая новые классы. Помощники интервалов полезны для изменения padding и margin элемента.
Playground
Use the playground to get a feel for what the different helper classes can do. For an explanation of how they work, see the How it works section below.
Как это работает
Примените margin или padding к элементу в диапазоне от 0 до 5. Инкремент каждого размера был разработан для согласования с общим интервалом Material Design. Эти классы могут применяться с использованием следующего формата {property} {direction} - {size}
.
property применяет тип интервала:
m
- применяетmargin
p
- применяетpadding
Параметр direction обозначает сторону, к которой относится свойство:
t
- применяет свойство дляmargin-top
илиpadding-top
b
- применяет свойство дляmargin-bottom
илиpadding-bottom
l
- применяет свойство дляmargin-left
илиpadding-left
r
- применяет свойство дляmargin-right
илиpadding-right
x
- применяет свойство для оба*-left
и*-right
y
- применяет свойство для оба*-top
и*-bottom
size управляет приращением свойства:
0
- удаляет свойство дляmargin
илиpadding
установив его на0
1
- устанавливаетmargin
илиpadding
свойство к$spacer * .25
2
- устанавливаетmargin
илиpadding
свойство к$spacer * .5
3
- устанавливаетmargin
илиpadding
свойство к$spacer
4
- устанавливаетmargin
илиpadding
свойство к$spacer * 1.5
5
- устанавливаетmargin
илиpadding
свойство к$spacer * 3