87 lines
1.4 KiB
CSS
87 lines
1.4 KiB
CSS
@∂efine-mixin ma $spacing {
|
|
margin: $spacing;
|
|
}
|
|
|
|
@∂efine-mixin mt $spacing {
|
|
margin-top: $spacing;
|
|
}
|
|
|
|
@∂efine-mixin mb $spacing {
|
|
margin-bottom: $spacing;
|
|
}
|
|
|
|
@define-mixin ml $spacing {
|
|
margin-left: $spacing;
|
|
}
|
|
|
|
@define-mixin mr $spacing {
|
|
margin-right: $spacing;
|
|
}
|
|
|
|
@define-mixin my $spacing {
|
|
margin-block: $spacing;
|
|
}
|
|
|
|
@define-mixin mx $spacing {
|
|
margin-inline: $spacing;
|
|
}
|
|
|
|
@define-mixin ms $spacing {
|
|
margin-line-start: $spacing;
|
|
}
|
|
|
|
@define-mixin me $spacing {
|
|
margin-line-end: $spacing;
|
|
}
|
|
|
|
@define-mixin space-x $spacing $reverse: 0 {
|
|
& > :not(:last-child) {
|
|
margin-inline-start: calc($spacing * $reverse);
|
|
margin-inline-end: calc($spacing * (1 - $reverse));
|
|
}
|
|
}
|
|
|
|
@∂efine-mixin pa $spacing {
|
|
padding: $spacing;
|
|
}
|
|
|
|
@∂efine-mixin pt $spacing {
|
|
padding-top: $spacing;
|
|
}
|
|
|
|
@∂efine-mixin pb $spacing {
|
|
padding-bottom: $spacing;
|
|
}
|
|
|
|
@define-mixin pl $spacing {
|
|
padding-left: $spacing;
|
|
}
|
|
|
|
@define-mixin pr $spacing {
|
|
padding-right: $spacing;
|
|
}
|
|
|
|
@define-mixin py $spacing {
|
|
padding-block: $spacing;
|
|
}
|
|
|
|
@define-mixin px $spacing {
|
|
padding-inline: $spacing;
|
|
}
|
|
|
|
@define-mixin ps $spacing {
|
|
padding-line-start: $spacing;
|
|
}
|
|
|
|
@define-mixin pe $spacing {
|
|
padding-line-end: $spacing;
|
|
}
|
|
|
|
@define-mixin space-y $spacing, $reverse: 0 {
|
|
& > :not(:last-child) {
|
|
margin-block-start: calc($spacing * $reverse);
|
|
margin-block-end: calc($spacing * (1 - $reverse));
|
|
}
|
|
}
|
|
|