Если вы используете загрузчики стилусов, вы можете переопределить переменную $spacer
перед импортом стилей. По умолчанию установлено 16 пикселей. При переопределении этой переменной будет пересчитан интервал между каждым элементом, что будет поддерживать постоянный интервал в вашем приложении.
Если вы хотите выполнить что-то еще полностью, вы можете переопределить переменные $spacer-x
, $spacer-y
или $spacers
. Их значения по умолчанию следующие:
$spacer := 16px
$spacer-x := $spacer
$spacer-y := $spacer
$spacers := {
zero: {
x: 0,
y: 0
},
one: {
x: ($spacer-x * .25),
y: ($spacer-y * .25)
},
two: {
x: ($spacer-x * .5),
y: ($spacer-y * .5)
},
three: {
x: $spacer-x,
y: $spacer-y
},
four: {
x: ($spacer-x * 1.5),
y: ($spacer-y * 1.5)
},
five: {
x: ($spacer-x * 3),
y: ($spacer-y * 3)
}
}
( источник ) sup>
Если изменение общих полей компонентов vuetify не является тем, чем вы являетесь после этого вы можете просто определить свои собственные служебные классы, которые выходят за пределы m-5 / p-5.